nsw-design-system 3.5.0 → 3.5.2

package/dist/js/main.js

@@ -1,144 +1,38 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define('NSW', ['exports'], factory) :
-  (global = global || self, factory(global.NSW = {}));
-}(this, (function (exports) { 'use strict';
-
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-  }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-  }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  var SiteSearch = /*#__PURE__*/function () {
-    function SiteSearch(element) {
-      _classCallCheck(this, SiteSearch);
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.NSW = {}));
+})(this, (function (exports) { 'use strict';
 
+  class SiteSearch {
+    constructor(element) {
       this.triggerButton = element;
       this.originalButton = document.querySelector('.js-open-search');
       this.targetElement = document.getElementById(this.triggerButton.getAttribute('aria-controls'));
       this.searchInput = this.targetElement.querySelector('.js-search-input');
       this.pressed = this.triggerButton.getAttribute('aria-expanded') === 'true';
     }
-
-    _createClass(SiteSearch, [{
-      key: "init",
-      value: function init() {
-        this.controls();
-      }
-    }, {
-      key: "controls",
-      value: function controls() {
-        this.triggerButton.addEventListener('click', this.showHide.bind(this), false);
-      }
-    }, {
-      key: "showHide",
-      value: function showHide() {
-        if (this.pressed) {
-          this.targetElement.hidden = true;
-          this.originalButton.hidden = false;
-          this.originalButton.focus();
-        } else {
-          this.targetElement.hidden = false;
-          this.originalButton.hidden = true;
-          this.searchInput.focus();
-        }
+    init() {
+      this.controls();
+    }
+    controls() {
+      this.triggerButton.addEventListener('click', this.showHide.bind(this), false);
+    }
+    showHide() {
+      if (this.pressed) {
+        this.targetElement.hidden = true;
+        this.originalButton.hidden = false;
+        this.originalButton.focus();
+      } else {
+        this.targetElement.hidden = false;
+        this.originalButton.hidden = true;
+        this.searchInput.focus();
       }
-    }]);
-
-    return SiteSearch;
-  }();
+    }
+  }
 
-  var focusObjectGenerator = function focusObjectGenerator(arr) {
-    var focusableElements = {
+  const focusObjectGenerator = arr => {
+    const focusableElements = {
       all: arr,
       first: arr[0],
       last: arr[arr.length - 1],
@@ -146,25 +40,20 @@
     };
     return focusableElements;
   };
-  var getFocusableElementBySelector = function getFocusableElementBySelector(id, selectorArr) {
-    var _ref;
-
-    var elements = [];
-
-    for (var i = 0; i < selectorArr.length; i += 1) {
-      elements.push([].slice.call(document.querySelectorAll("#".concat(id, " ").concat(selectorArr[i]))));
+  const getFocusableElementBySelector = (id, selectorArr) => {
+    const elements = [];
+    for (let i = 0; i < selectorArr.length; i += 1) {
+      elements.push([].slice.call(document.querySelectorAll(`#${id} ${selectorArr[i]}`)));
     }
-
-    var mergedElementArr = (_ref = []).concat.apply(_ref, elements);
-
+    const mergedElementArr = [].concat(...elements);
     return focusObjectGenerator(mergedElementArr);
   };
-  var trapTabKey = function trapTabKey(event, focusObject) {
-    var _document = document,
-        activeElement = _document.activeElement;
-    var focusableElement = focusObject;
+  const trapTabKey = (event, focusObject) => {
+    const {
+      activeElement
+    } = document;
+    const focusableElement = focusObject;
     if (event.keyCode !== 9) return false;
-
     if (focusableElement.length === 1) {
       event.preventDefault();
     } else if (event.shiftKey && activeElement === focusableElement.first) {
@@ -174,33 +63,26 @@
       focusableElement.first.focus();
       event.preventDefault();
     }
-
     return true;
   };
-  var whichTransitionEvent = function whichTransitionEvent() {
-    var el = document.createElement('fakeelement');
-    var transitions = {
+  const whichTransitionEvent = () => {
+    const el = document.createElement('fakeelement');
+    const transitions = {
       transition: 'transitionend',
       OTransition: 'oTransitionEnd',
       MozTransition: 'transitionend',
       WebkitTransition: 'webkitTransitionEnd'
     };
-    var found = Object.keys(transitions).filter(function (key) {
-      return el.style[key] !== undefined;
-    });
+    const found = Object.keys(transitions).filter(key => el.style[key] !== undefined);
     return transitions[found[0]];
   };
-  var uniqueId = function uniqueId(prefix) {
-    var prefixValue = prefix === undefined ? 'nsw' : prefix;
-    return "".concat(prefixValue, "-").concat(Math.random().toString(36).substr(2, 16));
+  const uniqueId = prefix => {
+    const prefixValue = prefix === undefined ? 'nsw' : prefix;
+    return `${prefixValue}-${Math.random().toString(36).substr(2, 16)}`;
   };
 
-  var Navigation = /*#__PURE__*/function () {
-    function Navigation() {
-      var _this = this;
-
-      _classCallCheck(this, Navigation);
-
+  class Navigation {
+    constructor() {
       this.openNavButton = document.querySelector('.js-open-nav');
       this.closeNavButtons = document.querySelectorAll('.js-close-nav');
       this.openSubNavButtons = document.querySelectorAll('.js-open-sub-nav');
@@ -208,370 +90,273 @@
       this.mainNavElement = document.getElementById('main-nav');
       this.isMegaMenuElement = !!document.querySelector('.js-mega-menu');
       this.transitionEvent = whichTransitionEvent();
-
-      this.mobileToggleMainNavEvent = function (e) {
-        return _this.mobileToggleMainNav(e);
-      };
-
-      this.mobileToggleSubNavEvent = function () {
-        return _this.closeSubNav();
-      };
-
-      this.mobileShowMainTransitionEndEvent = function (e) {
-        return _this.mobileShowMainNav(e);
-      };
-
-      this.mobileHideMainTransitionEndEvent = function (e) {
-        return _this.mobileHideMainNav(e);
-      };
-
-      this.showSubNavTransitionEndEvent = function (e) {
-        return _this.showSubNav(e);
-      };
-
-      this.mobileTrapTabKeyEvent = function (e) {
-        return _this.mobileMainNavTrapTabs(e);
-      };
-
-      this.mobileSubNavTrapTabKeyEvent = function (e) {
-        return _this.trapkeyEventStuff(e);
-      };
-
-      this.desktopButtonClickEvent = function (e) {
-        return _this.buttonClickDesktop(e);
-      };
-
-      this.desktopButtonKeydownEvent = function (e) {
-        return _this.buttonKeydownDesktop(e);
-      };
-
-      this.checkFocusEvent = function (e) {
-        return _this.checkIfContainsFocus(e);
-      };
-
-      this.escapeCloseEvent = function (e) {
-        return _this.escapeClose(e);
-      };
-
+      this.mobileToggleMainNavEvent = e => this.mobileToggleMainNav(e);
+      this.mobileToggleSubNavEvent = () => this.closeSubNav();
+      this.mobileShowMainTransitionEndEvent = e => this.mobileShowMainNav(e);
+      this.mobileHideMainTransitionEndEvent = e => this.mobileHideMainNav(e);
+      this.showSubNavTransitionEndEvent = e => this.showSubNav(e);
+      this.mobileTrapTabKeyEvent = e => this.mobileMainNavTrapTabs(e);
+      this.mobileSubNavTrapTabKeyEvent = e => this.trapkeyEventStuff(e);
+      this.desktopButtonClickEvent = e => this.buttonClickDesktop(e);
+      this.desktopButtonKeydownEvent = e => this.buttonKeydownDesktop(e);
+      this.checkFocusEvent = e => this.checkIfContainsFocus(e);
+      this.escapeCloseEvent = e => this.escapeClose(e);
       this.openSubNavElements = [];
       this.breakpoint = window.matchMedia('(min-width: 62em)');
       this.body = document.body;
     }
-
-    _createClass(Navigation, [{
-      key: "init",
-      value: function init() {
-        var _this2 = this;
-
-        if (this.mainNavElement) {
-          this.setUpMobileControls();
-          this.responsiveCheck(this.breakpoint);
-          this.breakpoint.addListener(function (e) {
-            return _this2.responsiveCheck(e);
-          });
-        }
+    init() {
+      if (this.mainNavElement) {
+        this.setUpMobileControls();
+        this.responsiveCheck(this.breakpoint);
+        this.breakpoint.addListener(e => this.responsiveCheck(e));
       }
-    }, {
-      key: "responsiveCheck",
-      value: function responsiveCheck(e) {
-        var megaMenuListItems = [];
-
-        if (e.matches) {
-          megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('ul > li'));
-          this.body.classList.remove('main-nav-active');
-        } else {
-          megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
-        }
-
-        this.tearDownNavControls();
-        this.setUpNavControls(megaMenuListItems);
-      }
-    }, {
-      key: "tearDownNavControls",
-      value: function tearDownNavControls() {
-        var _this3 = this;
-
-        if (this.isMegaMenuElement) {
-          var listItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
-          listItems.forEach(function (item) {
-            var submenu = item.querySelector('[id^=sub-nav-]');
-            var link = item.querySelector('a');
-
-            if (submenu) {
-              link.removeAttribute('role');
-              link.removeAttribute('aria-expanded');
-              link.removeAttribute('aria-controls');
-              link.removeEventListener('click', _this3.desktopButtonClickEvent, false);
-              link.removeEventListener('keydown', _this3.desktopButtonKeydownEvent, false);
-            }
-          });
-        }
-      }
-    }, {
-      key: "setUpMobileControls",
-      value: function setUpMobileControls() {
-        var _this4 = this;
-
-        this.openNavButton.addEventListener('click', this.mobileToggleMainNavEvent, false);
-        this.closeNavButtons.forEach(function (element) {
-          element.addEventListener('click', _this4.mobileToggleMainNavEvent, false);
+    }
+    responsiveCheck(e) {
+      let megaMenuListItems = [];
+      if (e.matches) {
+        megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('ul > li'));
+        this.body.classList.remove('main-nav-active');
+      } else {
+        megaMenuListItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
+      }
+      this.tearDownNavControls();
+      this.setUpNavControls(megaMenuListItems);
+    }
+    tearDownNavControls() {
+      if (this.isMegaMenuElement) {
+        const listItems = [].slice.call(this.mainNavElement.querySelectorAll('li'));
+        listItems.forEach(item => {
+          const submenu = item.querySelector('[id^=sub-nav-]');
+          const link = item.querySelector('a');
+          if (submenu) {
+            link.removeAttribute('role');
+            link.removeAttribute('aria-expanded');
+            link.removeAttribute('aria-controls');
+            link.removeEventListener('click', this.desktopButtonClickEvent, false);
+            link.removeEventListener('keydown', this.desktopButtonKeydownEvent, false);
+          }
         });
-        this.closeSubNavButtons.forEach(function (element) {
-          element.addEventListener('click', _this4.mobileToggleSubNavEvent, false);
+      }
+    }
+    setUpMobileControls() {
+      this.openNavButton.addEventListener('click', this.mobileToggleMainNavEvent, false);
+      this.closeNavButtons.forEach(element => {
+        element.addEventListener('click', this.mobileToggleMainNavEvent, false);
+      });
+      this.closeSubNavButtons.forEach(element => {
+        element.addEventListener('click', this.mobileToggleSubNavEvent, false);
+      });
+    }
+    mobileMainNavTrapTabs(e) {
+      const elemObj = getFocusableElementBySelector(this.mainNavElement.id, ['> div button', '> ul > li > a']);
+      trapTabKey(e, elemObj);
+    }
+    setUpNavControls(listItems) {
+      if (this.isMegaMenuElement) {
+        listItems.forEach(item => {
+          const submenu = item.querySelector('[id^=sub-nav-]');
+          const link = item.querySelector('a');
+          if (submenu) {
+            link.setAttribute('role', 'button');
+            link.setAttribute('aria-expanded', 'false');
+            link.setAttribute('aria-controls', submenu.id);
+            link.addEventListener('click', this.desktopButtonClickEvent, false);
+            link.addEventListener('keydown', this.desktopButtonKeydownEvent, false);
+            document.addEventListener('keydown', this.escapeCloseEvent, false);
+          }
         });
       }
-    }, {
-      key: "mobileMainNavTrapTabs",
-      value: function mobileMainNavTrapTabs(e) {
-        var elemObj = getFocusableElementBySelector(this.mainNavElement.id, ['> div button', '> ul > li > a']);
-        trapTabKey(e, elemObj);
+    }
+    mobileShowMainNav(_ref) {
+      let {
+        propertyName
+      } = _ref;
+      if (!propertyName === 'transform') return;
+      getFocusableElementBySelector(this.mainNavElement.id, ['> div button', '> ul > li > a']).all[1].focus();
+      this.mainNavElement.classList.add('active');
+      this.mainNavElement.classList.remove('activating');
+      this.mainNavElement.removeEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
+      this.mainNavElement.addEventListener('keydown', this.mobileTrapTabKeyEvent, false);
+    }
+    mobileHideMainNav(_ref2) {
+      let {
+        propertyName
+      } = _ref2;
+      if (!propertyName === 'transform') return;
+      this.mainNavElement.classList.remove('active');
+      this.mainNavElement.classList.remove('closing');
+      while (this.openSubNavElements.length > 0) {
+        const {
+          submenu
+        } = this.whichSubNavLatest();
+        submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
+        submenu.classList.remove('active');
+        submenu.classList.remove('closing');
+        this.openSubNavElements.pop();
       }
-    }, {
-      key: "setUpNavControls",
-      value: function setUpNavControls(listItems) {
-        var _this5 = this;
-
-        if (this.isMegaMenuElement) {
-          listItems.forEach(function (item) {
-            var submenu = item.querySelector('[id^=sub-nav-]');
-            var link = item.querySelector('a');
-
-            if (submenu) {
-              link.setAttribute('role', 'button');
-              link.setAttribute('aria-expanded', 'false');
-              link.setAttribute('aria-controls', submenu.id);
-              link.addEventListener('click', _this5.desktopButtonClickEvent, false);
-              link.addEventListener('keydown', _this5.desktopButtonKeydownEvent, false);
-              document.addEventListener('keydown', _this5.escapeCloseEvent, false);
-            }
-          });
-        }
+      this.mainNavElement.removeEventListener(this.transitionEvent, this.mobileHideMainTransitionEndEvent, false);
+      this.mainNavElement.removeEventListener('keydown', this.mobileTrapTabKeyEvent, false);
+    }
+    mobileToggleMainNav(e) {
+      const {
+        currentTarget
+      } = e;
+      const isExpanded = currentTarget.getAttribute('aria-expanded') === 'true';
+      if (isExpanded) {
+        this.body.classList.remove('main-nav-active');
+        this.openNavButton.focus();
+        this.mainNavElement.classList.add('closing');
+        this.mainNavElement.addEventListener(this.transitionEvent, this.mobileHideMainTransitionEndEvent, false);
+      } else {
+        this.body.classList.add('main-nav-active');
+        this.mainNavElement.classList.add('activating');
+        this.mainNavElement.addEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
       }
-    }, {
-      key: "mobileShowMainNav",
-      value: function mobileShowMainNav(_ref) {
-        var propertyName = _ref.propertyName;
-        if (!propertyName === 'transform') return;
-        getFocusableElementBySelector(this.mainNavElement.id, ['> div button', '> ul > li > a']).all[1].focus();
-        this.mainNavElement.classList.add('active');
-        this.mainNavElement.classList.remove('activating');
-        this.mainNavElement.removeEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
-        this.mainNavElement.addEventListener('keydown', this.mobileTrapTabKeyEvent, false);
+    }
+    buttonClickDesktop(e) {
+      const isDesktop = this.breakpoint.matches;
+      if (!isDesktop || !e.target.closest('.nsw-main-nav__sub-nav')) {
+        this.saveElements(e);
+        this.toggleSubNavDesktop();
+        e.preventDefault();
       }
-    }, {
-      key: "mobileHideMainNav",
-      value: function mobileHideMainNav(_ref2) {
-        var propertyName = _ref2.propertyName;
-        if (!propertyName === 'transform') return;
-        this.mainNavElement.classList.remove('active');
-        this.mainNavElement.classList.remove('closing');
-
-        while (this.openSubNavElements.length > 0) {
-          var _this$whichSubNavLate = this.whichSubNavLatest(),
-              submenu = _this$whichSubNavLate.submenu;
-
-          submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
-          submenu.classList.remove('active');
-          submenu.classList.remove('closing');
-          this.openSubNavElements.pop();
-        }
-
-        this.mainNavElement.removeEventListener(this.transitionEvent, this.mobileHideMainTransitionEndEvent, false);
-        this.mainNavElement.removeEventListener('keydown', this.mobileTrapTabKeyEvent, false);
+    }
+    buttonKeydownDesktop(e) {
+      if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
+        this.saveElements(e);
+        this.toggleSubNavDesktop();
+        e.preventDefault();
       }
-    }, {
-      key: "mobileToggleMainNav",
-      value: function mobileToggleMainNav(e) {
-        var currentTarget = e.currentTarget;
-        var isExpanded = currentTarget.getAttribute('aria-expanded') === 'true';
-
+    }
+    escapeClose(e) {
+      if (e.key === 'Escape') {
+        const {
+          link
+        } = this.whichSubNavLatest();
+        const isExpanded = link.getAttribute('aria-expanded') === 'true';
         if (isExpanded) {
-          this.body.classList.remove('main-nav-active');
-          this.openNavButton.focus();
-          this.mainNavElement.classList.add('closing');
-          this.mainNavElement.addEventListener(this.transitionEvent, this.mobileHideMainTransitionEndEvent, false);
-        } else {
-          this.body.classList.add('main-nav-active');
-          this.mainNavElement.classList.add('activating');
-          this.mainNavElement.addEventListener(this.transitionEvent, this.mobileShowMainTransitionEndEvent, false);
-        }
-      }
-    }, {
-      key: "buttonClickDesktop",
-      value: function buttonClickDesktop(e) {
-        var isDesktop = this.breakpoint.matches;
-
-        if (!isDesktop || !e.target.closest('.nsw-main-nav__sub-nav')) {
-          this.saveElements(e);
-          this.toggleSubNavDesktop();
-          e.preventDefault();
-        }
-      }
-    }, {
-      key: "buttonKeydownDesktop",
-      value: function buttonKeydownDesktop(e) {
-        if (e.key === ' ' || e.key === 'Enter' || e.key === 'Spacebar') {
-          this.saveElements(e);
-          this.toggleSubNavDesktop();
+          this.toggleSubNavDesktop(true);
           e.preventDefault();
-        }
-      }
-    }, {
-      key: "escapeClose",
-      value: function escapeClose(e) {
-        if (e.key === 'Escape') {
-          var _this$whichSubNavLate2 = this.whichSubNavLatest(),
-              link = _this$whichSubNavLate2.link;
-
-          var isExpanded = link.getAttribute('aria-expanded') === 'true';
-
-          if (isExpanded) {
-            this.toggleSubNavDesktop(true);
-            e.preventDefault();
-            link.focus();
-          }
-        }
-      }
-    }, {
-      key: "saveElements",
-      value: function saveElements(e) {
-        var currentTarget = e.currentTarget;
-        var temp = {
-          submenu: document.getElementById(currentTarget.getAttribute('aria-controls')),
-          link: currentTarget,
-          linkParent: currentTarget.parentNode
-        };
-        this.openSubNavElements.push(temp);
-      }
-    }, {
-      key: "showSubNav",
-      value: function showSubNav(_ref3) {
-        var propertyName = _ref3.propertyName;
-
-        var _this$whichSubNavLate3 = this.whichSubNavLatest(),
-            submenu = _this$whichSubNavLate3.submenu;
-
-        if (!propertyName === 'transform') return;
-        getFocusableElementBySelector(submenu.id, ['> div button', '> .nsw-main-nav__title a', '> ul > li > a']).all[2].focus();
-        submenu.removeEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
-      }
-    }, {
-      key: "closeSubNav",
-      value: function closeSubNav() {
-        var _this$whichSubNavLate4 = this.whichSubNavLatest(),
-            submenu = _this$whichSubNavLate4.submenu,
-            link = _this$whichSubNavLate4.link;
-
-        if (this.breakpoint.matches) {
-          link.setAttribute('aria-expanded', false);
-          link.classList.remove('active');
-          this.mainNavElement.removeEventListener('focus', this.checkFocusEvent, true); // fix: workaround for safari because it doesn't support focus event
-
-          this.mainNavElement.removeEventListener('click', this.checkFocusEvent, true);
-        } else {
           link.focus();
-          submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
-        }
-
-        submenu.classList.remove('active');
-        submenu.closest('ul').parentElement.classList.remove('no-scroll');
-        this.openSubNavElements.pop();
-      }
-    }, {
-      key: "openSubNav",
-      value: function openSubNav() {
-        var _this$whichSubNavLate5 = this.whichSubNavLatest(),
-            submenu = _this$whichSubNavLate5.submenu,
-            link = _this$whichSubNavLate5.link;
-
-        if (this.breakpoint.matches) {
-          link.setAttribute('aria-expanded', true);
-          link.classList.add('active');
-          this.mainNavElement.addEventListener('focus', this.checkFocusEvent, true); // fix: workaround for safari because it doesn't support focus event
-
-          this.mainNavElement.addEventListener('click', this.checkFocusEvent, true);
-        } else {
-          submenu.addEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
-          submenu.addEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
-        }
-
-        submenu.closest('ul').parentElement.scrollTop = 0;
-        submenu.closest('ul').parentElement.classList.add('no-scroll');
-        submenu.classList.add('active');
-      }
-    }, {
-      key: "toggleSubNavDesktop",
-      value: function toggleSubNavDesktop() {
-        var _this$whichSubNavLate6 = this.whichSubNavLatest(),
-            link = _this$whichSubNavLate6.link;
-
-        var isExpanded = link.getAttribute('aria-expanded') === 'true';
-
-        if (isExpanded) {
-          this.closeSubNav();
-        } else {
-          this.openSubNav();
-        }
-      }
-    }, {
-      key: "checkIfContainsFocus",
-      value: function checkIfContainsFocus(e) {
-        var _this$whichSubNavLate7 = this.whichSubNavLatest(),
-            linkParent = _this$whichSubNavLate7.linkParent;
-
-        var focusWithin = linkParent.contains(e.target);
-        var isButton = e.target.getAttribute('role');
-
-        if (!focusWithin && isButton) {
-          this.toggleSubNavDesktop();
         }
       }
-    }, {
-      key: "whichSubNavLatest",
-      value: function whichSubNavLatest() {
-        var lastSubNav = this.openSubNavElements.length - 1;
-        return this.openSubNavElements[lastSubNav];
+    }
+    saveElements(e) {
+      const {
+        currentTarget
+      } = e;
+      const temp = {
+        submenu: document.getElementById(currentTarget.getAttribute('aria-controls')),
+        link: currentTarget,
+        linkParent: currentTarget.parentNode
+      };
+      this.openSubNavElements.push(temp);
+    }
+    showSubNav(_ref3) {
+      let {
+        propertyName
+      } = _ref3;
+      const {
+        submenu
+      } = this.whichSubNavLatest();
+      if (!propertyName === 'transform') return;
+      getFocusableElementBySelector(submenu.id, ['> div button', '> .nsw-main-nav__title a', '> ul > li > a']).all[2].focus();
+      submenu.removeEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
+    }
+    closeSubNav() {
+      const {
+        submenu,
+        link
+      } = this.whichSubNavLatest();
+      if (this.breakpoint.matches) {
+        link.setAttribute('aria-expanded', false);
+        link.classList.remove('active');
+        this.mainNavElement.removeEventListener('focus', this.checkFocusEvent, true);
+        // fix: workaround for safari because it doesn't support focus event
+        this.mainNavElement.removeEventListener('click', this.checkFocusEvent, true);
+      } else {
+        link.focus();
+        submenu.removeEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
+      }
+      submenu.classList.remove('active');
+      submenu.closest('ul').parentElement.classList.remove('no-scroll');
+      this.openSubNavElements.pop();
+    }
+    openSubNav() {
+      const {
+        submenu,
+        link
+      } = this.whichSubNavLatest();
+      if (this.breakpoint.matches) {
+        link.setAttribute('aria-expanded', true);
+        link.classList.add('active');
+        this.mainNavElement.addEventListener('focus', this.checkFocusEvent, true);
+        // fix: workaround for safari because it doesn't support focus event
+        this.mainNavElement.addEventListener('click', this.checkFocusEvent, true);
+      } else {
+        submenu.addEventListener('keydown', this.mobileSubNavTrapTabKeyEvent, false);
+        submenu.addEventListener(this.transitionEvent, this.showSubNavTransitionEndEvent, false);
+      }
+      submenu.closest('ul').parentElement.scrollTop = 0;
+      submenu.closest('ul').parentElement.classList.add('no-scroll');
+      submenu.classList.add('active');
+    }
+    toggleSubNavDesktop() {
+      const {
+        link
+      } = this.whichSubNavLatest();
+      const isExpanded = link.getAttribute('aria-expanded') === 'true';
+      if (isExpanded) {
+        this.closeSubNav();
+      } else {
+        this.openSubNav();
       }
-    }, {
-      key: "trapkeyEventStuff",
-      value: function trapkeyEventStuff(e) {
-        var _this$whichSubNavLate8 = this.whichSubNavLatest(),
-            submenu = _this$whichSubNavLate8.submenu;
-
-        var elemObj = getFocusableElementBySelector(submenu.id, ['> div button', '> ul > li > a']);
-        trapTabKey(e, elemObj);
+    }
+    checkIfContainsFocus(e) {
+      const {
+        linkParent
+      } = this.whichSubNavLatest();
+      const focusWithin = linkParent.contains(e.target);
+      const isButton = e.target.getAttribute('role');
+      if (!focusWithin && isButton) {
+        this.toggleSubNavDesktop();
       }
-    }]);
-
-    return Navigation;
-  }();
+    }
+    whichSubNavLatest() {
+      const lastSubNav = this.openSubNavElements.length - 1;
+      return this.openSubNavElements[lastSubNav];
+    }
+    trapkeyEventStuff(e) {
+      const {
+        submenu
+      } = this.whichSubNavLatest();
+      const elemObj = getFocusableElementBySelector(submenu.id, ['> div button', '> ul > li > a']);
+      trapTabKey(e, elemObj);
+    }
+  }
 
   function createButtons(_ref) {
-    var textContent = _ref.textContent;
-    var fragment = document.createDocumentFragment();
-    var button = document.createElement('button');
-    var uID = uniqueId('accordion');
+    let {
+      textContent
+    } = _ref;
+    const fragment = document.createDocumentFragment();
+    const button = document.createElement('button');
+    const uID = uniqueId('accordion');
     button.textContent = textContent;
     button.setAttribute('type', 'button');
     button.setAttribute('aria-expanded', 'false');
     button.setAttribute('aria-controls', uID);
     button.classList.add('nsw-accordion__button');
-    button.insertAdjacentHTML('beforeend', "\n  <span class=\"material-icons nsw-material-icons\" focusable=\"false\" aria-hidden=\"true\">keyboard_arrow_down</span>\n  ");
+    button.insertAdjacentHTML('beforeend', `
+  <span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
+  `);
     fragment.appendChild(button);
     return fragment;
   }
-
-  var Accordion = /*#__PURE__*/function () {
-    function Accordion(element) {
-      var _this = this;
-
-      _classCallCheck(this, Accordion);
-
-      var _Array$from = Array.from(element.querySelectorAll('.nsw-accordion__toggle button')),
-          _Array$from2 = _slicedToArray(_Array$from, 2),
-          expandAll = _Array$from2[0],
-          collapseAll = _Array$from2[1];
-
+  class Accordion {
+    constructor(element) {
+      const [expandAll, collapseAll] = Array.from(element.querySelectorAll('.nsw-accordion__toggle button'));
       this.accordionHeadingClass = '.nsw-accordion__title';
       this.accordion = element;
       this.headings = element.querySelectorAll(this.accordionHeadingClass);
@@ -579,229 +364,142 @@
       this.collapseAllBtn = collapseAll;
       this.buttons = [];
       this.content = [];
-
-      this.toggleEvent = function (e) {
-        return _this.toggle(e);
-      };
-
-      this.expandAllEvent = function (e) {
-        return _this.expandAll(e);
-      };
-
-      this.collapseAllEvent = function (e) {
-        return _this.collapseAll(e);
-      };
+      this.toggleEvent = e => this.toggle(e);
+      this.expandAllEvent = e => this.expandAll(e);
+      this.collapseAllEvent = e => this.collapseAll(e);
     }
-
-    _createClass(Accordion, [{
-      key: "init",
-      value: function init() {
-        this.setUpDom();
-        this.controls();
-      }
-    }, {
-      key: "setUpDom",
-      value: function setUpDom() {
-        var _this2 = this;
-
-        this.accordion.classList.add('ready');
-
-        if (this.collapseAllBtn) {
-          this.collapseAllBtn.disabled = true;
-        }
-
-        this.headings.forEach(function (heading) {
-          var headingElem = heading;
-          var contentElem = heading.nextElementSibling;
-          var buttonFrag = createButtons(heading);
-          headingElem.textContent = '';
-          headingElem.appendChild(buttonFrag);
-          var buttonElem = headingElem.getElementsByTagName('button')[0];
-          contentElem.id = buttonElem.getAttribute('aria-controls');
-          contentElem.hidden = true;
-
-          _this2.content.push(contentElem);
-
-          _this2.buttons.push(buttonElem);
-        });
-      }
-    }, {
-      key: "controls",
-      value: function controls() {
-        var _this3 = this;
-
-        this.buttons.forEach(function (element) {
-          element.addEventListener('click', _this3.toggleEvent, false);
-        });
-
-        if (this.expandAllBtn && this.collapseAllBtn) {
-          this.expandAllBtn.addEventListener('click', this.expandAllEvent, false);
-          this.collapseAllBtn.addEventListener('click', this.collapseAllEvent, false);
-        }
-      }
-    }, {
-      key: "getTargetContent",
-      value: function getTargetContent(element) {
-        var currentIndex = this.buttons.indexOf(element);
-        return this.content[currentIndex];
-      }
-    }, {
-      key: "setAccordionState",
-      value: function setAccordionState(element, state) {
-        var targetContent = this.getTargetContent(element);
-
-        if (state === 'open') {
-          element.classList.add('active');
-          element.setAttribute('aria-expanded', 'true');
-          targetContent.hidden = false;
-        } else if (state === 'close') {
-          element.classList.remove('active');
-          element.setAttribute('aria-expanded', 'false');
-          targetContent.hidden = true;
-        }
+    init() {
+      this.setUpDom();
+      this.controls();
+    }
+    setUpDom() {
+      this.accordion.classList.add('ready');
+      if (this.collapseAllBtn) {
+        this.collapseAllBtn.disabled = true;
       }
-    }, {
-      key: "toggle",
-      value: function toggle(e) {
-        var currentTarget = e.currentTarget;
-        var targetContent = this.getTargetContent(currentTarget);
-        var isHidden = targetContent.hidden;
-
-        if (isHidden) {
-          this.setAccordionState(currentTarget, 'open');
-        } else {
-          this.setAccordionState(currentTarget, 'close');
-        }
-
-        if (this.expandAllBtn && this.collapseAllBtn) {
-          this.expandAllBtn.disabled = this.content.every(function (item) {
-            return item.hidden === false;
-          });
-          this.collapseAllBtn.disabled = this.content.every(function (item) {
-            return item.hidden === true;
-          });
-        }
+      this.headings.forEach(heading => {
+        const headingElem = heading;
+        const contentElem = heading.nextElementSibling;
+        const buttonFrag = createButtons(heading);
+        headingElem.textContent = '';
+        headingElem.appendChild(buttonFrag);
+        const buttonElem = headingElem.getElementsByTagName('button')[0];
+        contentElem.id = buttonElem.getAttribute('aria-controls');
+        contentElem.hidden = true;
+        this.content.push(contentElem);
+        this.buttons.push(buttonElem);
+      });
+    }
+    controls() {
+      this.buttons.forEach(element => {
+        element.addEventListener('click', this.toggleEvent, false);
+      });
+      if (this.expandAllBtn && this.collapseAllBtn) {
+        this.expandAllBtn.addEventListener('click', this.expandAllEvent, false);
+        this.collapseAllBtn.addEventListener('click', this.collapseAllEvent, false);
       }
-    }, {
-      key: "expandAll",
-      value: function expandAll() {
-        var _this4 = this;
-
-        this.buttons.forEach(function (element) {
-          _this4.setAccordionState(element, 'open');
-        });
-        this.expandAllBtn.disabled = true;
-        this.collapseAllBtn.disabled = false;
+    }
+    getTargetContent(element) {
+      const currentIndex = this.buttons.indexOf(element);
+      return this.content[currentIndex];
+    }
+    setAccordionState(element, state) {
+      const targetContent = this.getTargetContent(element);
+      if (state === 'open') {
+        element.classList.add('active');
+        element.setAttribute('aria-expanded', 'true');
+        targetContent.hidden = false;
+      } else if (state === 'close') {
+        element.classList.remove('active');
+        element.setAttribute('aria-expanded', 'false');
+        targetContent.hidden = true;
       }
-    }, {
-      key: "collapseAll",
-      value: function collapseAll() {
-        var _this5 = this;
-
-        this.buttons.forEach(function (element) {
-          _this5.setAccordionState(element, 'close');
-        });
-        this.expandAllBtn.disabled = false;
-        this.collapseAllBtn.disabled = true;
+    }
+    toggle(e) {
+      const {
+        currentTarget
+      } = e;
+      const targetContent = this.getTargetContent(currentTarget);
+      const isHidden = targetContent.hidden;
+      if (isHidden) {
+        this.setAccordionState(currentTarget, 'open');
+      } else {
+        this.setAccordionState(currentTarget, 'close');
+      }
+      if (this.expandAllBtn && this.collapseAllBtn) {
+        this.expandAllBtn.disabled = this.content.every(item => item.hidden === false);
+        this.collapseAllBtn.disabled = this.content.every(item => item.hidden === true);
       }
-    }]);
-
-    return Accordion;
-  }();
-
-  var Dialog = /*#__PURE__*/function () {
-    function Dialog(element) {
-      var _this = this;
-
-      _classCallCheck(this, Dialog);
+    }
+    expandAll() {
+      this.buttons.forEach(element => {
+        this.setAccordionState(element, 'open');
+      });
+      this.expandAllBtn.disabled = true;
+      this.collapseAllBtn.disabled = false;
+    }
+    collapseAll() {
+      this.buttons.forEach(element => {
+        this.setAccordionState(element, 'close');
+      });
+      this.expandAllBtn.disabled = false;
+      this.collapseAllBtn.disabled = true;
+    }
+  }
 
+  class Dialog {
+    constructor(element) {
       this.dialog = element;
       this.dialogWrapper = element.querySelector('.nsw-dialog__wrapper');
       this.openBtn = document.querySelectorAll('.js-open-dialog-'.concat(element.getAttribute('id')));
-      this.closeBtn = element.querySelectorAll('.js-close-dialog'); // eslint-disable-next-line max-len
-
+      this.closeBtn = element.querySelectorAll('.js-close-dialog');
+      // eslint-disable-next-line max-len
       this.focusableEls = element.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
       this.body = document.body;
-
-      this.openEvent = function (e) {
-        return _this.openDialog(e);
-      };
-
-      this.closeEvent = function (e) {
-        return _this.closeDialog(e);
-      };
-
-      this.clickEvent = function (e) {
-        return _this.clickDialog(e);
-      };
-
-      this.trapEvent = function (e) {
-        return _this.trapFocus(e);
-      };
+      this.openEvent = e => this.openDialog(e);
+      this.closeEvent = e => this.closeDialog(e);
+      this.clickEvent = e => this.clickDialog(e);
+      this.trapEvent = e => this.trapFocus(e);
     }
-
-    _createClass(Dialog, [{
-      key: "init",
-      value: function init() {
-        this.controls();
-      }
-    }, {
-      key: "controls",
-      value: function controls() {
-        var _this2 = this;
-
-        this.openBtn.forEach(function (btn) {
-          btn.addEventListener('click', _this2.openEvent, false);
-        });
-        this.closeBtn.forEach(function (btn) {
-          btn.addEventListener('click', _this2.closeEvent, false);
-        });
-
-        if (this.dialog.classList.contains('js-dialog-dismiss')) {
-          this.dialog.addEventListener('click', this.clickEvent, false);
-        }
-
-        this.focusableEls[this.focusableEls.length - 1].addEventListener('blur', this.trapEvent, false);
-      }
-    }, {
-      key: "openDialog",
-      value: function openDialog() {
-        this.dialog.setAttribute('aria-expanded', 'true');
-        this.dialog.classList.add('active');
-        this.body.classList.add('dialog-active');
-        this.focusableEls[0].focus();
-      }
-    }, {
-      key: "closeDialog",
-      value: function closeDialog() {
-        this.dialog.setAttribute('aria-expanded', 'false');
-        this.dialog.classList.remove('active');
-        this.body.classList.remove('dialog-active');
-      }
-    }, {
-      key: "clickDialog",
-      value: function clickDialog(e) {
-        if (!this.dialogWrapper.contains(e.target)) {
-          this.closeDialog();
-        }
+    init() {
+      this.controls();
+    }
+    controls() {
+      this.openBtn.forEach(btn => {
+        btn.addEventListener('click', this.openEvent, false);
+      });
+      this.closeBtn.forEach(btn => {
+        btn.addEventListener('click', this.closeEvent, false);
+      });
+      if (this.dialog.classList.contains('js-dialog-dismiss')) {
+        this.dialog.addEventListener('click', this.clickEvent, false);
       }
-    }, {
-      key: "trapFocus",
-      value: function trapFocus(e) {
-        e.preventDefault();
-        this.focusableEls[0].focus();
+      this.focusableEls[this.focusableEls.length - 1].addEventListener('blur', this.trapEvent, false);
+    }
+    openDialog() {
+      this.dialog.setAttribute('aria-expanded', 'true');
+      this.dialog.classList.add('active');
+      this.body.classList.add('dialog-active');
+      this.focusableEls[0].focus();
+    }
+    closeDialog() {
+      this.dialog.setAttribute('aria-expanded', 'false');
+      this.dialog.classList.remove('active');
+      this.body.classList.remove('dialog-active');
+    }
+    clickDialog(e) {
+      if (!this.dialogWrapper.contains(e.target)) {
+        this.closeDialog();
       }
-    }]);
-
-    return Dialog;
-  }();
-
-  var Filters = /*#__PURE__*/function () {
-    function Filters(element) {
-      var _this = this;
-
-      _classCallCheck(this, Filters);
+    }
+    trapFocus(e) {
+      e.preventDefault();
+      this.focusableEls[0].focus();
+    }
+  }
 
+  class Filters {
+    constructor(element) {
       this.filters = element;
       this.filtersWrapper = element.querySelector('.nsw-filters__wrapper');
       this.openButton = element.querySelector('.nsw-filters__controls button');
@@ -818,463 +516,344 @@
       this.showAllBlocks = Array.prototype.slice.call(this.showAll);
       this.filtersItems = element.querySelectorAll('.nsw-filters__item');
       /* eslint-disable max-len */
-
       this.focusableEls = this.filtersWrapper.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
       this.checkIcon = '<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">check_circle</span>';
       this.arrowIcon = '<span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_right</span>';
       /* eslint-ensable max-len */
-
-      this.showEvent = function (e) {
-        return _this.showFilters(e);
-      };
-
-      this.hideEvent = function (e) {
-        return _this.hideFilters(e);
-      };
-
-      this.showMoreEvent = function (e) {
-        return _this.showMore(e);
-      };
-
-      this.toggleEvent = function (e) {
-        return _this.toggleAccordion(e);
-      };
-
-      this.resetEvent = function (e) {
-        return _this.clearAllFilters(e);
-      };
-
+      this.showEvent = e => this.showFilters(e);
+      this.hideEvent = e => this.hideFilters(e);
+      this.showMoreEvent = e => this.showMore(e);
+      this.toggleEvent = e => this.toggleAccordion(e);
+      this.resetEvent = e => this.clearAllFilters(e);
       this.body = document.body;
       this.buttons = [];
       this.content = [];
       this.selected = [];
     }
-
-    _createClass(Filters, [{
-      key: "init",
-      value: function init() {
-        this.setUpDom();
-        this.controls();
-        this.selectedItems();
-      }
-    }, {
-      key: "setUpDom",
-      value: function setUpDom() {
-        var _this2 = this;
-
-        this.filters.classList.add('ready');
-
-        if (this.openButton) {
-          if (this.openButtonIcons.length < 3) {
-            this.openButton.insertAdjacentHTML('beforeend', this.arrowIcon);
-          }
+    init() {
+      this.setUpDom();
+      this.controls();
+      this.selectedItems();
+    }
+    setUpDom() {
+      this.filters.classList.add('ready');
+      if (this.openButton) {
+        if (this.openButtonIcons.length < 3) {
+          this.openButton.insertAdjacentHTML('beforeend', this.arrowIcon);
         }
-
-        this.accordionButtons.forEach(function (button) {
-          var buttonElem = button;
-          var uID = uniqueId('collapsed');
-          buttonElem.setAttribute('type', 'button');
-          buttonElem.setAttribute('aria-expanded', 'false');
-          buttonElem.setAttribute('aria-controls', uID);
-          var contentElem = buttonElem.nextElementSibling;
-          contentElem.id = buttonElem.getAttribute('aria-controls');
-          contentElem.hidden = true;
-
-          _this2.content.push(contentElem);
-
-          _this2.buttons.push(buttonElem);
-        });
       }
-    }, {
-      key: "controls",
-      value: function controls() {
-        var _this3 = this;
-
-        if (this.openButton) {
-          this.openButton.addEventListener('click', this.showEvent, false);
-        }
-
-        if (this.acceptButton) {
-          this.acceptButton.disabled = true;
-        }
-
-        if (this.closeButton) {
-          this.closeButton.addEventListener('click', this.hideEvent, false);
-        }
-
-        this.showAll.forEach(function (element) {
-          var showMoreButton = element.nextElementSibling;
-          showMoreButton.addEventListener('click', _this3.showMoreEvent, false);
-        });
-
-        if (this.buttons) {
-          this.buttons.forEach(function (element) {
-            element.addEventListener('click', _this3.toggleEvent, false);
-          });
-        }
-
-        if (this.clearButton) {
-          this.clearButton.addEventListener('click', this.resetEvent, false);
-        }
+      this.accordionButtons.forEach(button => {
+        const buttonElem = button;
+        const uID = uniqueId('collapsed');
+        buttonElem.setAttribute('type', 'button');
+        buttonElem.setAttribute('aria-expanded', 'false');
+        buttonElem.setAttribute('aria-controls', uID);
+        const contentElem = buttonElem.nextElementSibling;
+        contentElem.id = buttonElem.getAttribute('aria-controls');
+        contentElem.hidden = true;
+        this.content.push(contentElem);
+        this.buttons.push(buttonElem);
+      });
+    }
+    controls() {
+      if (this.openButton) {
+        this.openButton.addEventListener('click', this.showEvent, false);
       }
-    }, {
-      key: "showFilters",
-      value: function showFilters(e) {
-        e.preventDefault();
-
-        if (this.filters.classList.contains('nsw-filters--down')) {
-          this.filters.classList.toggle('active');
-        } else {
-          this.trapFocus(this.filtersWrapper);
-          this.filters.classList.add('active');
-          this.body.classList.add('filters-open');
-        }
+      if (this.acceptButton) {
+        this.acceptButton.disabled = true;
       }
-    }, {
-      key: "hideFilters",
-      value: function hideFilters(e) {
-        e.preventDefault();
-        this.filters.classList.remove('active');
-        this.body.classList.remove('filters-open');
+      if (this.closeButton) {
+        this.closeButton.addEventListener('click', this.hideEvent, false);
       }
-    }, {
-      key: "showMore",
-      value: function showMore(e) {
-        e.preventDefault();
-        var currentShowMore = e.target;
-        var currentIndex = this.showMoreButtons.indexOf(currentShowMore);
-        var currentAll = this.showAllBlocks[currentIndex];
-        currentAll.classList.remove('hidden');
-        currentShowMore.classList.add('hidden');
+      this.showAll.forEach(element => {
+        const showMoreButton = element.nextElementSibling;
+        showMoreButton.addEventListener('click', this.showMoreEvent, false);
+      });
+      if (this.buttons) {
+        this.buttons.forEach(element => {
+          element.addEventListener('click', this.toggleEvent, false);
+        });
       }
-    }, {
-      key: "getTargetContent",
-      value: function getTargetContent(element) {
-        var currentIndex = this.buttons.indexOf(element);
-        return this.content[currentIndex];
+      if (this.clearButton) {
+        this.clearButton.addEventListener('click', this.resetEvent, false);
       }
-    }, {
-      key: "setAccordionState",
-      value: function setAccordionState(element, state) {
-        var targetContent = this.getTargetContent(element);
-
-        if (state === 'open') {
-          element.classList.add('active');
-          element.setAttribute('aria-expanded', 'true');
-          targetContent.hidden = false;
-        } else if (state === 'close') {
-          element.classList.remove('active');
-          element.setAttribute('aria-expanded', 'false');
-          targetContent.hidden = true;
-        }
+    }
+    showFilters(e) {
+      e.preventDefault();
+      if (this.filters.classList.contains('nsw-filters--down')) {
+        this.filters.classList.toggle('active');
+      } else {
+        this.trapFocus(this.filtersWrapper);
+        this.filters.classList.add('active');
+        this.body.classList.add('filters-open');
       }
-    }, {
-      key: "toggleAccordion",
-      value: function toggleAccordion(e) {
-        var currentTarget = e.currentTarget;
-        var targetContent = this.getTargetContent(currentTarget);
-        var isHidden = targetContent.hidden;
-
-        if (isHidden) {
-          this.setAccordionState(currentTarget, 'open');
-        } else {
-          this.setAccordionState(currentTarget, 'close');
-        }
+    }
+    hideFilters(e) {
+      e.preventDefault();
+      this.filters.classList.remove('active');
+      this.body.classList.remove('filters-open');
+    }
+    showMore(e) {
+      e.preventDefault();
+      const currentShowMore = e.target;
+      const currentIndex = this.showMoreButtons.indexOf(currentShowMore);
+      const currentAll = this.showAllBlocks[currentIndex];
+      currentAll.classList.remove('hidden');
+      currentShowMore.classList.add('hidden');
+    }
+    getTargetContent(element) {
+      const currentIndex = this.buttons.indexOf(element);
+      return this.content[currentIndex];
+    }
+    setAccordionState(element, state) {
+      const targetContent = this.getTargetContent(element);
+      if (state === 'open') {
+        element.classList.add('active');
+        element.setAttribute('aria-expanded', 'true');
+        targetContent.hidden = false;
+      } else if (state === 'close') {
+        element.classList.remove('active');
+        element.setAttribute('aria-expanded', 'false');
+        targetContent.hidden = true;
       }
-    }, {
-      key: "trapFocus",
-      value: function trapFocus(element) {
-        var firstFocusableEl = this.focusableEls[0];
-        var lastFocusableEl = this.focusableEls[this.focusableEls.length - 1];
-        var KEYCODE_TAB = 9;
-        element.addEventListener('keydown', function (e) {
-          var isTabPressed = e.key === 'Tab' || e.keyCode === KEYCODE_TAB;
-
-          if (!isTabPressed) {
-            return;
-          }
-
-          if (e.shiftKey) {
-            if (document.activeElement === firstFocusableEl) {
-              e.preventDefault();
-              lastFocusableEl.focus();
-            }
-          } else if (document.activeElement === lastFocusableEl) {
-            e.preventDefault();
-            firstFocusableEl.focus();
-          }
-        });
+    }
+    toggleAccordion(e) {
+      const {
+        currentTarget
+      } = e;
+      const targetContent = this.getTargetContent(currentTarget);
+      const isHidden = targetContent.hidden;
+      if (isHidden) {
+        this.setAccordionState(currentTarget, 'open');
+      } else {
+        this.setAccordionState(currentTarget, 'close');
       }
-    }, {
-      key: "toggleAccept",
-      value: function toggleAccept(array) {
-        if (this.acceptButton) {
-          if (array.length > 0) {
-            this.acceptButton.disabled = false;
-          } else {
-            this.acceptButton.disabled = true;
+    }
+    trapFocus(element) {
+      const firstFocusableEl = this.focusableEls[0];
+      const lastFocusableEl = this.focusableEls[this.focusableEls.length - 1];
+      const KEYCODE_TAB = 9;
+      element.addEventListener('keydown', e => {
+        const isTabPressed = e.key === 'Tab' || e.keyCode === KEYCODE_TAB;
+        if (!isTabPressed) {
+          return;
+        }
+        if (e.shiftKey) {
+          if (document.activeElement === firstFocusableEl) {
+            e.preventDefault();
+            lastFocusableEl.focus();
           }
+        } else if (document.activeElement === lastFocusableEl) {
+          e.preventDefault();
+          firstFocusableEl.focus();
         }
-      }
-    }, {
-      key: "toggleSelectedState",
-      value: function toggleSelectedState(array) {
+      });
+    }
+    toggleAccept(array) {
+      if (this.acceptButton) {
         if (array.length > 0) {
-          this.openButton.parentElement.classList.add('active');
+          this.acceptButton.disabled = false;
         } else {
-          this.openButton.parentElement.classList.remove('active');
+          this.acceptButton.disabled = true;
         }
       }
-    }, {
-      key: "resultsCount",
-      value: function resultsCount(array, buttonText) {
-        if (this.openButtonText) {
-          if (array.length > 0) {
-            this.openButtonText.innerText = "".concat(buttonText, " (").concat(array.length, ")");
-          } else {
-            this.openButtonText.innerText = "".concat(buttonText);
-          }
+    }
+    toggleSelectedState(array) {
+      if (array.length > 0) {
+        this.openButton.parentElement.classList.add('active');
+      } else {
+        this.openButton.parentElement.classList.remove('active');
+      }
+    }
+    resultsCount(array, buttonText) {
+      if (this.openButtonText) {
+        if (array.length > 0) {
+          this.openButtonText.innerText = `${buttonText} (${array.length})`;
+        } else {
+          this.openButtonText.innerText = `${buttonText}`;
         }
       }
-    }, {
-      key: "updateDom",
-      value: function updateDom() {
-        this.resultsCount(this.selected, this.buttonLabel);
-        this.toggleAccept(this.selected);
-        this.toggleSelectedState(this.selected);
+    }
+    updateDom() {
+      this.resultsCount(this.selected, this.buttonLabel);
+      this.toggleAccept(this.selected);
+      this.toggleSelectedState(this.selected);
+    }
+    static getEventType(type) {
+      if (type === 'text') {
+        return 'input';
       }
-    }, {
-      key: "updateCount",
-      value: function updateCount(options) {
-        var _this4 = this;
-
-        var id = uniqueId();
-        var GroupArray = [];
-
-        if (options.array.length > 0) {
-          options.array.forEach(function (element, index) {
-            var getEventType = _this4.constructor.getEventType(element.type);
-
-            var _this4$constructor$si = _this4.constructor.singleCount(element, index, id),
-                uniqueID = _this4$constructor$si.uniqueID,
-                singleID = _this4$constructor$si.singleID,
-                isSingleCount = _this4$constructor$si.isSingleCount;
-
-            if (_this4.constructor.getCondition(element)) {
-              _this4.selected.push(uniqueID);
-
-              if (isSingleCount) {
-                GroupArray.push(singleID);
-              }
-
-              _this4.updateDom();
+      return 'change';
+    }
+    static getCondition(element) {
+      if (element.type === 'text' || element.type === 'select-one') {
+        return element.value !== '';
+      }
+      return element.checked;
+    }
+    static singleCount(element, index, id) {
+      const isSingleCount = element.closest('.js-filters--single-count');
+      if (!isSingleCount) {
+        return {
+          uniqueID: `${id}-${index}`,
+          singleID: `${id}-${index}`,
+          isSingleCount
+        };
+      }
+      return {
+        uniqueID: `${id}`,
+        singleID: `${id}-${index}`,
+        isSingleCount
+      };
+    }
+    updateCount(options) {
+      const id = uniqueId();
+      const GroupArray = [];
+      if (options.array.length > 0) {
+        options.array.forEach((element, index) => {
+          const getEventType = this.constructor.getEventType(element.type);
+          const {
+            uniqueID,
+            singleID,
+            isSingleCount
+          } = this.constructor.singleCount(element, index, id);
+          if (this.constructor.getCondition(element)) {
+            this.selected.push(uniqueID);
+            if (isSingleCount) {
+              GroupArray.push(singleID);
             }
-
-            element.addEventListener(getEventType, function () {
-              var selectedIndex = _this4.selected.indexOf(uniqueID);
-
-              var singleSelectedIndex = GroupArray.indexOf(singleID);
-
-              if (_this4.constructor.getCondition(element)) {
-                if (!_this4.selected.includes(uniqueID)) {
-                  _this4.selected.push(uniqueID);
-                }
-
-                if (isSingleCount && !GroupArray.includes(singleID)) {
-                  GroupArray.push(singleID);
-                }
-
-                _this4.updateDom();
-              } else {
-                if (isSingleCount && singleSelectedIndex !== -1) {
-                  GroupArray.splice(singleSelectedIndex, 1);
-                }
-
-                if (!isSingleCount && selectedIndex !== -1) {
-                  _this4.selected.splice(selectedIndex, 1);
-                } else if (GroupArray.length <= 0) {
-                  _this4.selected.splice(selectedIndex, 1);
-                }
-
-                _this4.updateDom();
+            this.updateDom();
+          }
+          element.addEventListener(getEventType, () => {
+            const selectedIndex = this.selected.indexOf(uniqueID);
+            const singleSelectedIndex = GroupArray.indexOf(singleID);
+            if (this.constructor.getCondition(element)) {
+              if (!this.selected.includes(uniqueID)) {
+                this.selected.push(uniqueID);
               }
-            });
-          });
-        }
-      }
-    }, {
-      key: "updateStatus",
-      value: function updateStatus(options) {
-        var _this5 = this;
-
-        var id = uniqueId();
-        var text = options.title;
-        var GroupArray = [];
-
-        if (options.array.length > 0) {
-          var labelText = text ? text.textContent : null;
-          options.array.forEach(function (element, index) {
-            var getEventType = _this5.constructor.getEventType(element.type);
-
-            var _this5$constructor$si = _this5.constructor.singleCount(element, index, id),
-                singleID = _this5$constructor$si.singleID;
-
-            if (_this5.constructor.getCondition(element)) {
-              if (text) {
-                text.textContent = labelText;
-                text.innerHTML = "".concat(text.textContent, " ").concat(_this5.checkIcon);
+              if (isSingleCount && !GroupArray.includes(singleID)) {
+                GroupArray.push(singleID);
               }
-            }
-
-            element.addEventListener(getEventType, function () {
-              if (_this5.constructor.getCondition(element)) {
-                if (!GroupArray.includes(singleID)) {
-                  GroupArray.push(singleID);
-                }
-              } else if (GroupArray.indexOf(singleID) !== -1) {
-                GroupArray.splice(GroupArray.indexOf(singleID), 1);
+              this.updateDom();
+            } else {
+              if (isSingleCount && singleSelectedIndex !== -1) {
+                GroupArray.splice(singleSelectedIndex, 1);
               }
-
-              if (text) {
-                if (GroupArray.length > 0) {
-                  text.textContent = labelText;
-                  text.innerHTML = "".concat(text.textContent, " ").concat(_this5.checkIcon);
-                } else {
-                  text.textContent = labelText;
-                }
+              if (!isSingleCount && selectedIndex !== -1) {
+                this.selected.splice(selectedIndex, 1);
+              } else if (GroupArray.length <= 0) {
+                this.selected.splice(selectedIndex, 1);
               }
-            });
-          });
-        }
-      }
-    }, {
-      key: "selectedItems",
-      value: function selectedItems() {
-        var _this6 = this;
-
-        this.filtersItems.forEach(function (filter) {
-          var button = filter.querySelector('.nsw-filters__item-name');
-          var content = filter.querySelector('.nsw-filters__item-content');
-          var text = content ? content.querySelectorAll('input[type="text"]') : null;
-          var selects = content ? content.querySelectorAll('select') : null;
-          var checkboxes = content ? content.querySelectorAll('input[type="checkbox"]') : null;
-          if (!content) return;
-
-          _this6.updateCount({
-            array: text,
-            title: button
-          });
-
-          _this6.updateCount({
-            array: selects,
-            title: button
-          });
-
-          _this6.updateCount({
-            array: checkboxes,
-            title: button
-          });
-
-          _this6.updateStatus({
-            array: text,
-            title: button
-          });
-
-          _this6.updateStatus({
-            array: selects,
-            title: button
-          });
-
-          _this6.updateStatus({
-            array: checkboxes,
-            title: button
+              this.updateDom();
+            }
           });
         });
       }
-    }, {
-      key: "clearAllFilters",
-      value: function clearAllFilters(e) {
-        var _this7 = this;
-
-        e.preventDefault();
-        this.filtersItems.forEach(function (filter) {
-          var button = filter.querySelector('.nsw-filters__item-name');
-          var buttonCheck = button ? button.querySelector('span.nsw-material-icons') : null;
-          var content = filter.querySelector('.nsw-filters__item-content');
-          var text = content.querySelectorAll('input[type="text"]');
-          var selects = content.querySelectorAll('select');
-          var checkboxes = content.querySelectorAll('input[type="checkbox"]');
-          var allFields = [].concat(_toConsumableArray(text), _toConsumableArray(selects), _toConsumableArray(checkboxes));
-          if (!content) return;
-
-          if (allFields.length > 0) {
-            allFields.forEach(function (input) {
-              var field = input;
-
-              if (_this7.constructor.getCondition(field) && (field.type === 'text' || field.type === 'select-one')) {
-                field.value = '';
+    }
+    updateStatus(options) {
+      const id = uniqueId();
+      const text = options.title;
+      const GroupArray = [];
+      if (options.array.length > 0) {
+        const labelText = text ? text.textContent : null;
+        options.array.forEach((element, index) => {
+          const getEventType = this.constructor.getEventType(element.type);
+          const {
+            singleID
+          } = this.constructor.singleCount(element, index, id);
+          if (this.constructor.getCondition(element)) {
+            if (text) {
+              text.textContent = labelText;
+              text.innerHTML = `${text.textContent} ${this.checkIcon}`;
+            }
+          }
+          element.addEventListener(getEventType, () => {
+            if (this.constructor.getCondition(element)) {
+              if (!GroupArray.includes(singleID)) {
+                GroupArray.push(singleID);
+              }
+            } else if (GroupArray.indexOf(singleID) !== -1) {
+              GroupArray.splice(GroupArray.indexOf(singleID), 1);
+            }
+            if (text) {
+              if (GroupArray.length > 0) {
+                text.textContent = labelText;
+                text.innerHTML = `${text.textContent} ${this.checkIcon}`;
               } else {
-                field.checked = false;
+                text.textContent = labelText;
               }
-            });
-          }
-
-          if (buttonCheck) {
-            buttonCheck.remove();
-          }
-
-          _this7.selected = [];
-
-          _this7.updateDom();
+            }
+          });
         });
       }
-    }], [{
-      key: "getEventType",
-      value: function getEventType(type) {
-        if (type === 'text') {
-          return 'input';
-        }
-
-        return 'change';
-      }
-    }, {
-      key: "getCondition",
-      value: function getCondition(element) {
-        if (element.type === 'text' || element.type === 'select-one') {
-          return element.value !== '';
+    }
+    selectedItems() {
+      this.filtersItems.forEach(filter => {
+        const button = filter.querySelector('.nsw-filters__item-name');
+        const content = filter.querySelector('.nsw-filters__item-content');
+        const text = content ? content.querySelectorAll('input[type="text"]') : null;
+        const selects = content ? content.querySelectorAll('select') : null;
+        const checkboxes = content ? content.querySelectorAll('input[type="checkbox"]') : null;
+        if (!content) return;
+        this.updateCount({
+          array: text,
+          title: button
+        });
+        this.updateCount({
+          array: selects,
+          title: button
+        });
+        this.updateCount({
+          array: checkboxes,
+          title: button
+        });
+        this.updateStatus({
+          array: text,
+          title: button
+        });
+        this.updateStatus({
+          array: selects,
+          title: button
+        });
+        this.updateStatus({
+          array: checkboxes,
+          title: button
+        });
+      });
+    }
+    clearAllFilters(e) {
+      e.preventDefault();
+      this.filtersItems.forEach(filter => {
+        const button = filter.querySelector('.nsw-filters__item-name');
+        const buttonCheck = button ? button.querySelector('span.nsw-material-icons') : null;
+        const content = filter.querySelector('.nsw-filters__item-content');
+        const text = content.querySelectorAll('input[type="text"]');
+        const selects = content.querySelectorAll('select');
+        const checkboxes = content.querySelectorAll('input[type="checkbox"]');
+        const allFields = [...text, ...selects, ...checkboxes];
+        if (!content) return;
+        if (allFields.length > 0) {
+          allFields.forEach(input => {
+            const field = input;
+            if (this.constructor.getCondition(field) && (field.type === 'text' || field.type === 'select-one')) {
+              field.value = '';
+            } else {
+              field.checked = false;
+            }
+          });
         }
-
-        return element.checked;
-      }
-    }, {
-      key: "singleCount",
-      value: function singleCount(element, index, id) {
-        var isSingleCount = element.closest('.js-filters--single-count');
-
-        if (!isSingleCount) {
-          return {
-            uniqueID: "".concat(id, "-").concat(index),
-            singleID: "".concat(id, "-").concat(index),
-            isSingleCount: isSingleCount
-          };
+        if (buttonCheck) {
+          buttonCheck.remove();
         }
-
-        return {
-          uniqueID: "".concat(id),
-          singleID: "".concat(id, "-").concat(index),
-          isSingleCount: isSingleCount
-        };
-      }
-    }]);
-
-    return Filters;
-  }();
+        this.selected = [];
+        this.updateDom();
+      });
+    }
+  }
 
   /* eslint-disable max-len */
-  var FileUpload = /*#__PURE__*/function () {
-    function FileUpload(element) {
-      _classCallCheck(this, FileUpload);
-
+  class FileUpload {
+    constructor(element) {
       this.element = element;
       this.input = this.element.querySelector('.nsw-file-upload__input');
       this.label = this.element.querySelector('.nsw-file-upload__label');
@@ -1282,96 +861,70 @@
       this.replaceFiles = this.element.hasAttribute('data-replace-files');
       this.filesList = false;
     }
-
-    _createClass(FileUpload, [{
-      key: "init",
-      value: function init() {
-        var _this = this;
-
-        if (!this.input) return;
-        this.input.addEventListener('change', function () {
-          if (_this.input.value === '') return;
-
-          _this.updateFileList();
-        });
-      }
-    }, {
-      key: "createFileList",
-      value: function createFileList() {
-        var ul = document.createElement('ul');
-        ul.classList.add('nsw-file-upload__list');
-        this.label.insertAdjacentElement('afterend', ul);
-        this.filesList = this.element.querySelector('.nsw-file-upload__list');
-      }
-    }, {
-      key: "createFileItem",
-      value: function createFileItem(file) {
-        var li = document.createElement('li');
-        li.classList.add('nsw-file-upload__item');
-        var html = "\n    <span class=\"nsw-file-upload__item-filename\"></span>\n    <button type=\"button\" class=\"nsw-icon-button\">\n        <span class=\"sr-only\">Remove file</span>\n        <span class=\"material-icons nsw-material-icons\" focusable=\"false\" aria-hidden=\"true\">cancel</span>\n    </button>";
-        li.insertAdjacentHTML('afterbegin', html);
-        li.querySelector('.nsw-file-upload__item-filename').textContent = this.constructor.truncateString(file.name, 50);
-        return li.outerHTML;
-      }
-    }, {
-      key: "updateFileList",
-      value: function updateFileList() {
-        if (!this.filesList) {
-          this.createFileList();
-        }
-
-        this.filesList.classList.add('active');
-        var string = '';
-
-        for (var i = 0; i < this.input.files.length; i += 1) {
-          var file = this.input.files[i];
-          string = this.createFileItem(file) + string;
-        }
-
-        if (this.replaceFiles) {
-          this.filesList.innerHTML = string;
-        } else {
-          this.filesList.insertAdjacentHTML('beforeend', string);
-        }
-
-        this.removeFile();
-      }
-    }, {
-      key: "removeFile",
-      value: function removeFile() {
-        var _this2 = this;
-
-        this.filesList.addEventListener('click', function (event) {
-          if (!event.target.closest('.nsw-icon-button')) return;
-          event.preventDefault();
-          var item = event.target.closest('.nsw-file-upload__item');
-          item.remove();
-
-          if (event.currentTarget.children.length === 0) {
-            _this2.filesList.classList.remove('active');
-          }
-        });
-      }
-    }], [{
-      key: "truncateString",
-      value: function truncateString(str, num) {
-        if (str.length <= num) {
-          return str;
+    init() {
+      if (!this.input) return;
+      this.input.addEventListener('change', () => {
+        if (this.input.value === '') return;
+        this.updateFileList();
+      });
+    }
+    createFileList() {
+      const ul = document.createElement('ul');
+      ul.classList.add('nsw-file-upload__list');
+      this.label.insertAdjacentElement('afterend', ul);
+      this.filesList = this.element.querySelector('.nsw-file-upload__list');
+    }
+    createFileItem(file) {
+      const li = document.createElement('li');
+      li.classList.add('nsw-file-upload__item');
+      const html = `
+    <span class="nsw-file-upload__item-filename"></span>
+    <button type="button" class="nsw-icon-button">
+        <span class="sr-only">Remove file</span>
+        <span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">cancel</span>
+    </button>`;
+      li.insertAdjacentHTML('afterbegin', html);
+      li.querySelector('.nsw-file-upload__item-filename').textContent = this.constructor.truncateString(file.name, 50);
+      return li.outerHTML;
+    }
+    updateFileList() {
+      if (!this.filesList) {
+        this.createFileList();
+      }
+      this.filesList.classList.add('active');
+      let string = '';
+      for (let i = 0; i < this.input.files.length; i += 1) {
+        const file = this.input.files[i];
+        string = this.createFileItem(file) + string;
+      }
+      if (this.replaceFiles) {
+        this.filesList.innerHTML = string;
+      } else {
+        this.filesList.insertAdjacentHTML('beforeend', string);
+      }
+      this.removeFile();
+    }
+    removeFile() {
+      this.filesList.addEventListener('click', event => {
+        if (!event.target.closest('.nsw-icon-button')) return;
+        event.preventDefault();
+        const item = event.target.closest('.nsw-file-upload__item');
+        item.remove();
+        if (event.currentTarget.children.length === 0) {
+          this.filesList.classList.remove('active');
         }
-
-        return "".concat(str.slice(0, num), "...");
+      });
+    }
+    static truncateString(str, num) {
+      if (str.length <= num) {
+        return str;
       }
-    }]);
-
-    return FileUpload;
-  }();
-
-  var Tabs = /*#__PURE__*/function () {
-    function Tabs(element, showTab) {
-      var _this = this;
-
-      _classCallCheck(this, Tabs);
+      return `${str.slice(0, num)}...`;
+    }
+  }
 
+  class Tabs {
+    constructor(element, showTab) {
       this.tablistClass = '.nsw-tabs__list';
       this.tablistItemClass = 'li';
       this.tablistLinkClass = 'a';
@@ -1383,209 +936,150 @@
       this.tabLinks = [];
       this.tabPanel = [];
       this.selectedTab = null;
-
-      this.clickTabEvent = function (e) {
-        return _this.clickTab(e);
-      };
-
-      this.arrowKeysEvent = function (e) {
-        return _this.arrowKeys(e);
-      };
+      this.clickTabEvent = e => this.clickTab(e);
+      this.arrowKeysEvent = e => this.arrowKeys(e);
     }
-
-    _createClass(Tabs, [{
-      key: "init",
-      value: function init() {
-        this.setUpDom();
-        this.controls();
-        this.setInitalTab();
-      }
-    }, {
-      key: "setUpDom",
-      value: function setUpDom() {
-        var _this2 = this;
-
-        var tabListWrapper = document.createElement('div');
-        tabListWrapper.classList.add('nsw-tabs__list-wrapper');
-        this.tab.prepend(tabListWrapper);
-        tabListWrapper.prepend(this.tabList);
-        this.tabList.setAttribute('role', 'tablist');
-        this.tabItems.forEach(function (item) {
-          var itemElem = item;
-          var itemLink = item.querySelector(_this2.tablistLinkClass);
-
-          var panel = _this2.tab.querySelector(itemLink.hash);
-
-          var uID = uniqueId('tab');
-          itemElem.setAttribute('role', 'presentation');
-
-          _this2.enhanceTabLink(itemLink, uID);
-
-          _this2.enhanceTabPanel(panel, uID);
-        });
-      }
-    }, {
-      key: "enhanceTabLink",
-      value: function enhanceTabLink(link, id) {
-        link.setAttribute('role', 'tab');
-        link.setAttribute('id', id);
-        link.setAttribute('aria-selected', false);
-        link.setAttribute('tabindex', '-1');
-        this.tabLinks.push(link);
-      }
-    }, {
-      key: "enhanceTabPanel",
-      value: function enhanceTabPanel(panel, id) {
-        var panelElem = panel;
-        panelElem.setAttribute('role', 'tabpanel');
-        panelElem.setAttribute('role', 'tabpanel');
-        panelElem.setAttribute('aria-labelledBy', id);
-        panelElem.setAttribute('tabindex', '0');
-        panelElem.hidden = true;
-        this.tabPanel.push(panelElem);
-      }
-    }, {
-      key: "setInitalTab",
-      value: function setInitalTab() {
-        var tabLinks = this.tabLinks,
-            tabPanel = this.tabPanel,
-            showTab = this.showTab;
-        var index = showTab === undefined ? 0 : showTab;
-        var selectedLink = tabLinks[index];
-        selectedLink.classList.add('active');
-        selectedLink.removeAttribute('tabindex');
-        selectedLink.setAttribute('aria-selected', true);
-        tabPanel[index].hidden = false;
-        this.selectedTab = selectedLink;
-      }
-    }, {
-      key: "clickTab",
-      value: function clickTab(e) {
-        e.preventDefault();
-        this.switchTabs(e.currentTarget);
-      }
-    }, {
-      key: "switchTabs",
-      value: function switchTabs(elem) {
-        var clickedTab = elem;
-
-        if (clickedTab !== this.selectedTab) {
-          clickedTab.focus();
-          clickedTab.removeAttribute('tabindex');
-          clickedTab.setAttribute('aria-selected', true);
-          clickedTab.classList.add('active');
-          this.selectedTab.setAttribute('aria-selected', false);
-          this.selectedTab.setAttribute('tabindex', '-1');
-          this.selectedTab.classList.remove('active');
-          var clickedTabIndex = this.tabLinks.indexOf(clickedTab);
-          var selectedTabIndex = this.tabLinks.indexOf(this.selectedTab);
-          this.tabPanel[clickedTabIndex].hidden = false;
-          this.tabPanel[selectedTabIndex].hidden = true;
-          this.selectedTab = clickedTab;
-
-          if (!clickedTab.classList.contains('js-tabs-fixed')) {
-            clickedTab.scrollIntoView({
-              behavior: 'smooth',
-              block: 'nearest',
-              inline: 'nearest'
-            });
-          }
+    init() {
+      this.setUpDom();
+      this.controls();
+      this.setInitalTab();
+    }
+    setUpDom() {
+      const tabListWrapper = document.createElement('div');
+      tabListWrapper.classList.add('nsw-tabs__list-wrapper');
+      this.tab.prepend(tabListWrapper);
+      tabListWrapper.prepend(this.tabList);
+      this.tabList.setAttribute('role', 'tablist');
+      this.tabItems.forEach(item => {
+        const itemElem = item;
+        const itemLink = item.querySelector(this.tablistLinkClass);
+        const panel = this.tab.querySelector(itemLink.hash);
+        const uID = uniqueId('tab');
+        itemElem.setAttribute('role', 'presentation');
+        this.enhanceTabLink(itemLink, uID);
+        this.enhanceTabPanel(panel, uID);
+      });
+    }
+    enhanceTabLink(link, id) {
+      link.setAttribute('role', 'tab');
+      link.setAttribute('id', id);
+      link.setAttribute('aria-selected', false);
+      link.setAttribute('tabindex', '-1');
+      this.tabLinks.push(link);
+    }
+    enhanceTabPanel(panel, id) {
+      const panelElem = panel;
+      panelElem.setAttribute('role', 'tabpanel');
+      panelElem.setAttribute('role', 'tabpanel');
+      panelElem.setAttribute('aria-labelledBy', id);
+      panelElem.setAttribute('tabindex', '0');
+      panelElem.hidden = true;
+      this.tabPanel.push(panelElem);
+    }
+    setInitalTab() {
+      const {
+        tabLinks,
+        tabPanel,
+        showTab
+      } = this;
+      const index = showTab === undefined ? 0 : showTab;
+      const selectedLink = tabLinks[index];
+      selectedLink.classList.add('active');
+      selectedLink.removeAttribute('tabindex');
+      selectedLink.setAttribute('aria-selected', true);
+      tabPanel[index].hidden = false;
+      this.selectedTab = selectedLink;
+    }
+    clickTab(e) {
+      e.preventDefault();
+      this.switchTabs(e.currentTarget);
+    }
+    switchTabs(elem) {
+      const clickedTab = elem;
+      if (clickedTab !== this.selectedTab) {
+        clickedTab.focus();
+        clickedTab.removeAttribute('tabindex');
+        clickedTab.setAttribute('aria-selected', true);
+        clickedTab.classList.add('active');
+        this.selectedTab.setAttribute('aria-selected', false);
+        this.selectedTab.setAttribute('tabindex', '-1');
+        this.selectedTab.classList.remove('active');
+        const clickedTabIndex = this.tabLinks.indexOf(clickedTab);
+        const selectedTabIndex = this.tabLinks.indexOf(this.selectedTab);
+        this.tabPanel[clickedTabIndex].hidden = false;
+        this.tabPanel[selectedTabIndex].hidden = true;
+        this.selectedTab = clickedTab;
+        if (!clickedTab.classList.contains('js-tabs-fixed')) {
+          clickedTab.scrollIntoView({
+            behavior: 'smooth',
+            block: 'nearest',
+            inline: 'nearest'
+          });
         }
       }
-    }, {
-      key: "arrowKeys",
-      value: function arrowKeys(_ref) {
-        var which = _ref.which;
-        var linkLength = this.tabLinks.length - 1;
-        var index = this.tabLinks.indexOf(this.selectedTab);
-        var down = false;
-
-        if (this.allowedKeys.includes(which)) {
-          switch (which) {
-            case 35:
-              index = linkLength;
-              break;
-
-            case 36:
-              index = 0;
-              break;
-
-            case 37:
-              index = index === 0 ? -1 : index -= 1;
-              break;
-
-            case 39:
-              index = index === linkLength ? -1 : index += 1;
-              break;
-
-            case 40:
-              down = true;
-              break;
-          }
-
-          if (index > -1) {
-            if (down) {
-              this.tabPanel[index].focus();
-            } else {
-              this.switchTabs(this.tabLinks[index]);
-            }
+    }
+    arrowKeys(_ref) {
+      let {
+        which
+      } = _ref;
+      const linkLength = this.tabLinks.length - 1;
+      let index = this.tabLinks.indexOf(this.selectedTab);
+      let down = false;
+      if (this.allowedKeys.includes(which)) {
+        switch (which) {
+          case 35:
+            index = linkLength;
+            break;
+          case 36:
+            index = 0;
+            break;
+          case 37:
+            index = index === 0 ? -1 : index -= 1;
+            break;
+          case 39:
+            index = index === linkLength ? -1 : index += 1;
+            break;
+          case 40:
+            down = true;
+            break;
+        }
+        if (index > -1) {
+          if (down) {
+            this.tabPanel[index].focus();
+          } else {
+            this.switchTabs(this.tabLinks[index]);
           }
         }
       }
-    }, {
-      key: "controls",
-      value: function controls() {
-        var _this3 = this;
-
-        this.tabLinks.forEach(function (link) {
-          link.addEventListener('click', _this3.clickTabEvent, false);
-          link.addEventListener('keydown', _this3.arrowKeysEvent, false);
-        });
-      }
-    }]);
-
-    return Tabs;
-  }();
-
-  var GlobalAlert = /*#__PURE__*/function () {
-    function GlobalAlert(element) {
-      var _this = this;
-
-      _classCallCheck(this, GlobalAlert);
+    }
+    controls() {
+      this.tabLinks.forEach(link => {
+        link.addEventListener('click', this.clickTabEvent, false);
+        link.addEventListener('keydown', this.arrowKeysEvent, false);
+      });
+    }
+  }
 
+  class GlobalAlert {
+    constructor(element) {
       this.messageElement = element;
       this.closeButton = element.querySelector('.js-close-alert');
-
-      this.closeMessageEvent = function (e) {
-        return _this.closeMessage(e);
-      };
+      this.closeMessageEvent = e => this.closeMessage(e);
     }
-
-    _createClass(GlobalAlert, [{
-      key: "init",
-      value: function init() {
-        this.controls();
-      }
-    }, {
-      key: "controls",
-      value: function controls() {
-        this.closeButton.addEventListener('click', this.closeMessageEvent, false);
-      }
-    }, {
-      key: "closeMessage",
-      value: function closeMessage() {
-        this.messageElement.hidden = true;
-      }
-    }]);
-
-    return GlobalAlert;
-  }();
+    init() {
+      this.controls();
+    }
+    controls() {
+      this.closeButton.addEventListener('click', this.closeMessageEvent, false);
+    }
+    closeMessage() {
+      this.messageElement.hidden = true;
+    }
+  }
 
   /* eslint-disable max-len */
-  var Select = /*#__PURE__*/function () {
-    function Select(element) {
-      _classCallCheck(this, Select);
-
+  class Select {
+    constructor(element) {
       this.element = element;
       this.select = this.element.querySelector('select');
       this.options = this.select.querySelectorAll('option');
@@ -1597,463 +1091,370 @@
       this.optionIndex = 0;
       this.textSelected = this.element.getAttribute('data-selection-text') || 'selected';
     }
-
-    _createClass(Select, [{
-      key: "init",
-      value: function init() {
-        this.initCustomSelect();
-        this.initCustomSelectEvents();
-      }
-    }, {
-      key: "initCustomSelect",
-      value: function initCustomSelect() {
-        this.element.insertAdjacentHTML('beforeend', this.initButtonSelect() + this.initListSelect());
-        this.dropdown = this.element.querySelector('.nsw-multi-select__dropdown');
-        this.trigger = this.element.querySelector('.nsw-multi-select__button');
-        this.multiSelectList = this.dropdown.querySelector('.nsw-multi-select__list');
-        this.customOptions = this.multiSelectList.querySelectorAll('.nsw-multi-select__option');
-        this.multiSelectList.insertAdjacentHTML('afterbegin', this.initAllButton());
-        this.allButton = this.multiSelectList.querySelector('.js-multi-select-all');
-        this.allButtonInput = this.allButton.querySelector('.nsw-form__checkbox-input');
-      }
-    }, {
-      key: "initCustomSelectEvents",
-      value: function initCustomSelectEvents() {
-        var _this = this;
-
-        this.initSelection();
-        this.trigger.addEventListener('click', function (event) {
+    init() {
+      this.initCustomSelect();
+      this.initCustomSelectEvents();
+    }
+    initCustomSelect() {
+      this.element.insertAdjacentHTML('beforeend', this.initButtonSelect() + this.initListSelect());
+      this.dropdown = this.element.querySelector('.nsw-multi-select__dropdown');
+      this.trigger = this.element.querySelector('.nsw-multi-select__button');
+      this.multiSelectList = this.dropdown.querySelector('.nsw-multi-select__list');
+      this.customOptions = this.multiSelectList.querySelectorAll('.nsw-multi-select__option');
+      this.multiSelectList.insertAdjacentHTML('afterbegin', this.initAllButton());
+      this.allButton = this.multiSelectList.querySelector('.js-multi-select-all');
+      this.allButtonInput = this.allButton.querySelector('.nsw-form__checkbox-input');
+    }
+    initCustomSelectEvents() {
+      this.initSelection();
+      this.trigger.addEventListener('click', event => {
+        event.preventDefault();
+        this.toggleCustomSelect(false);
+      });
+      this.trigger.addEventListener('keydown', event => {
+        if (event.code && event.code === 38 || event.key && event.key.toLowerCase() === 'arrowup' || event.code && event.code === 40 || event.key && event.key.toLowerCase() === 'arrowdown') {
           event.preventDefault();
-
-          _this.toggleCustomSelect(false);
-        });
-        this.trigger.addEventListener('keydown', function (event) {
-          if (event.code && event.code === 38 || event.key && event.key.toLowerCase() === 'arrowup' || event.code && event.code === 40 || event.key && event.key.toLowerCase() === 'arrowdown') {
-            event.preventDefault();
-
-            _this.toggleCustomSelect(false);
-          }
-        });
-        this.dropdown.addEventListener('keydown', function (event) {
-          if (event.code && event.code === 38 || event.key && event.key.toLowerCase() === 'arrowup') {
-            _this.keyboardCustomSelect('prev', event);
-          } else if (event.code && event.code === 40 || event.key && event.key.toLowerCase() === 'arrowdown') {
-            _this.keyboardCustomSelect('next', event);
-          }
-        });
-        window.addEventListener('keyup', function (event) {
-          if (event.key && event.key.toLowerCase() === 'escape') {
-            _this.constructor.moveFocusToSelectTrigger(event.target);
-
-            _this.toggleCustomSelect('false');
-          }
-        });
-        window.addEventListener('click', function (event) {
-          _this.checkCustomSelectClick(event.target);
-        });
-        window.addEventListener('resize', this.placeDropdown);
-        this.allButton.addEventListener('change', function () {
-          _this.toggleAllOptions();
-        });
-      }
-    }, {
-      key: "toggleCustomSelect",
-      value: function toggleCustomSelect(bool) {
-        var ariaExpanded;
-
-        if (bool) {
-          ariaExpanded = bool;
-        } else {
-          ariaExpanded = this.trigger.getAttribute('aria-expanded') === 'true' ? 'false' : 'true';
+          this.toggleCustomSelect(false);
         }
-
-        this.trigger.setAttribute('aria-expanded', ariaExpanded);
-
-        if (ariaExpanded === 'true') {
-          var selectedOption = this.getSelectedOption();
-          this.constructor.moveFocus(selectedOption);
-          this.dropdown.addEventListener('transitionend', function cb() {
-            this.constructor.moveFocus(selectedOption);
-            this.dropdown.removeEventListener('transitionend', cb);
-          });
-          this.constructor.trapFocus(this.dropdown);
-          this.placeDropdown();
+      });
+      this.dropdown.addEventListener('keydown', event => {
+        if (event.code && event.code === 38 || event.key && event.key.toLowerCase() === 'arrowup') {
+          this.keyboardCustomSelect('prev', event);
+        } else if (event.code && event.code === 40 || event.key && event.key.toLowerCase() === 'arrowdown') {
+          this.keyboardCustomSelect('next', event);
         }
-      }
-    }, {
-      key: "placeDropdown",
-      value: function placeDropdown() {
-        var _this$trigger$getBoun = this.trigger.getBoundingClientRect(),
-            top = _this$trigger$getBoun.top,
-            bottom = _this$trigger$getBoun.bottom;
-
-        var moveUp = window.innerHeight - bottom < top;
-        var maxHeight = moveUp ? top - 20 : window.innerHeight - bottom - 20;
-        var vhCalc = Math.ceil(100 * maxHeight / window.innerHeight);
-        this.dropdown.setAttribute('style', "max-height: ".concat(vhCalc, "vh;"));
-      }
-    }, {
-      key: "keyboardCustomSelect",
-      value: function keyboardCustomSelect(direction, event) {
-        event.preventDefault();
-        var allOptions = [].concat(_toConsumableArray(this.customOptions), [this.allButton]);
-        var index = Array.prototype.indexOf.call(allOptions, document.activeElement.closest('.nsw-multi-select__option'));
-        index = direction === 'next' ? index + 1 : index - 1;
-        if (index < 0) index = allOptions.length - 1;
-        if (index >= allOptions.length) index = 0;
-        this.constructor.moveFocus(allOptions[index].querySelector('.nsw-form__checkbox-input'));
-      }
-    }, {
-      key: "initSelection",
-      value: function initSelection() {
-        var _this2 = this;
-
-        if (!this.dropdown) return;
-        this.customOptions.forEach(function (opt) {
-          opt.addEventListener('change', function (event) {
-            var option = event.currentTarget.closest('.nsw-multi-select__option');
-            if (!option) return;
-
-            _this2.selectOption(option);
-          });
-          opt.addEventListener('click', function (event) {
-            var option = event.currentTarget.closest('.nsw-multi-select__option');
-            if (!option || !event.target.classList.contains('nsw-multi-select__option')) return;
-
-            _this2.selectOption(option);
-          });
-        });
-      }
-    }, {
-      key: "getSelectedOptionCount",
-      value: function getSelectedOptionCount() {
-        var selectedOptCounter = 0;
-
-        for (var i = 0; i < this.options.length; i += 1) {
-          if (this.options[i].selected) {
-            selectedOptCounter += 1;
-          }
+      });
+      window.addEventListener('keyup', event => {
+        if (event.key && event.key.toLowerCase() === 'escape') {
+          this.constructor.moveFocusToSelectTrigger(event.target);
+          this.toggleCustomSelect('false');
         }
-
-        return selectedOptCounter;
+      });
+      window.addEventListener('click', event => {
+        this.checkCustomSelectClick(event.target);
+      });
+      window.addEventListener('resize', this.placeDropdown);
+      this.allButton.addEventListener('change', () => {
+        this.toggleAllOptions();
+      });
+    }
+    toggleCustomSelect(bool) {
+      let ariaExpanded;
+      if (bool) {
+        ariaExpanded = bool;
+      } else {
+        ariaExpanded = this.trigger.getAttribute('aria-expanded') === 'true' ? 'false' : 'true';
+      }
+      this.trigger.setAttribute('aria-expanded', ariaExpanded);
+      if (ariaExpanded === 'true') {
+        const selectedOption = this.getSelectedOption();
+        this.constructor.moveFocus(selectedOption);
+        this.dropdown.addEventListener('transitionend', function cb() {
+          this.constructor.moveFocus(selectedOption);
+          this.dropdown.removeEventListener('transitionend', cb);
+        });
+        this.constructor.trapFocus(this.dropdown);
+        this.placeDropdown();
       }
-    }, {
-      key: "toggleAllOptions",
-      value: function toggleAllOptions() {
-        var _this3 = this;
-
-        var count = this.getSelectedOptionCount();
-        this.customOptions.forEach(function (check) {
-          var input = check.querySelector('.nsw-form__checkbox-input');
-
-          if (count === _this3.options.length) {
-            input.checked = false;
-            input.removeAttribute('checked');
-            check.setAttribute('aria-selected', 'false');
-
-            _this3.updateNativeSelect(check.getAttribute('data-index'), false);
-          } else {
-            input.checked = true;
-            input.setAttribute('checked', '');
-            check.setAttribute('aria-selected', 'true');
-
-            _this3.updateNativeSelect(check.getAttribute('data-index'), true);
-          } //
-
+    }
+    placeDropdown() {
+      const {
+        top,
+        bottom
+      } = this.trigger.getBoundingClientRect();
+      const moveUp = window.innerHeight - bottom < top;
+      const maxHeight = moveUp ? top - 20 : window.innerHeight - bottom - 20;
+      const vhCalc = Math.ceil(100 * maxHeight / window.innerHeight);
+      this.dropdown.setAttribute('style', `max-height: ${vhCalc}vh;`);
+    }
+    keyboardCustomSelect(direction, event) {
+      event.preventDefault();
+      const allOptions = [...this.customOptions, this.allButton];
+      let index = Array.prototype.indexOf.call(allOptions, document.activeElement.closest('.nsw-multi-select__option'));
+      index = direction === 'next' ? index + 1 : index - 1;
+      if (index < 0) index = allOptions.length - 1;
+      if (index >= allOptions.length) index = 0;
+      this.constructor.moveFocus(allOptions[index].querySelector('.nsw-form__checkbox-input'));
+    }
+    initSelection() {
+      if (!this.dropdown) return;
+      this.customOptions.forEach(opt => {
+        opt.addEventListener('change', event => {
+          const option = event.currentTarget.closest('.nsw-multi-select__option');
+          if (!option) return;
+          this.selectOption(option);
         });
-
-        var _this$getSelectedOpti = this.getSelectedOptionText(),
-            _this$getSelectedOpti2 = _slicedToArray(_this$getSelectedOpti, 2),
-            label = _this$getSelectedOpti2[0],
-            ariaLabel = _this$getSelectedOpti2[1];
-
-        this.trigger.querySelector('.nsw-multi-select__label').innerHTML = label;
-        this.constructor.toggleClass(this.trigger, 'active', count > 0);
-        this.updateTriggerAria(ariaLabel);
+        opt.addEventListener('click', event => {
+          const option = event.currentTarget.closest('.nsw-multi-select__option');
+          if (!option || !event.target.classList.contains('nsw-multi-select__option')) return;
+          this.selectOption(option);
+        });
+      });
+    }
+    getSelectedOptionCount() {
+      let selectedOptCounter = 0;
+      for (let i = 0; i < this.options.length; i += 1) {
+        if (this.options[i].selected) {
+          selectedOptCounter += 1;
+        }
       }
-    }, {
-      key: "selectOption",
-      value: function selectOption(option) {
-        var input = option.querySelector('.nsw-form__checkbox-input');
-
-        if (option.hasAttribute('aria-selected') && option.getAttribute('aria-selected') === 'true') {
+      return selectedOptCounter;
+    }
+    toggleAllOptions() {
+      const count = this.getSelectedOptionCount();
+      this.customOptions.forEach(check => {
+        const input = check.querySelector('.nsw-form__checkbox-input');
+        if (count === this.options.length) {
           input.checked = false;
           input.removeAttribute('checked');
-          option.setAttribute('aria-selected', 'false');
-          this.updateNativeSelect(option.getAttribute('data-index'), false);
+          check.setAttribute('aria-selected', 'false');
+          this.updateNativeSelect(check.getAttribute('data-index'), false);
         } else {
           input.checked = true;
-          input.value = true;
           input.setAttribute('checked', '');
-          option.setAttribute('aria-selected', 'true');
-          this.updateNativeSelect(option.getAttribute('data-index'), true);
-        }
-
-        var _this$getSelectedOpti3 = this.getSelectedOptionText(),
-            _this$getSelectedOpti4 = _slicedToArray(_this$getSelectedOpti3, 2),
-            label = _this$getSelectedOpti4[0],
-            ariaLabel = _this$getSelectedOpti4[1];
-
-        var count = this.getSelectedOptionCount();
-
-        if (count === this.options.length) {
-          this.allButtonInput.checked = true;
-          this.allButtonInput.setAttribute('checked', '');
-          this.allButton.setAttribute('aria-selected', 'true');
-        } else {
-          this.allButtonInput.checked = false;
-          this.allButtonInput.removeAttribute('checked');
-          this.allButton.setAttribute('aria-selected', 'false');
-        }
-
-        this.trigger.querySelector('.nsw-multi-select__label').innerHTML = label;
-        this.constructor.toggleClass(this.trigger, 'active', count > 0);
-        this.updateTriggerAria(ariaLabel);
-      }
-    }, {
-      key: "initButtonSelect",
-      value: function initButtonSelect() {
-        var triggerLabel = this.getSelectedOptionText(this.element);
-        var button = "<button class=\"nsw-button nsw-multi-select__button\" aria-label=\"".concat(triggerLabel[1], "\" aria-expanded=\"false\" aria-controls=\"").concat(this.selectId, "-dropdown\">\n      <span aria-hidden=\"true\" class=\"nsw-multi-select__label\">").concat(triggerLabel[0], "</span>\n      <span class=\"material-icons nsw-material-icons\" focusable=\"false\" aria-hidden=\"true\">keyboard_arrow_down</span>\n      </button>");
-        return button;
-      }
-    }, {
-      key: "initAllButton",
-      value: function initAllButton() {
-        var all = this.getSelectedOptionCount() === this.options.length;
-        var selected = all ? ' aria-selected="true"' : ' aria-selected="false"';
-        var checked = all ? 'checked' : '';
-        var allButton = "\n      <li class=\"js-multi-select-all nsw-multi-select__option\" role=\"option\" data-value=\"Select all\" aria-selected=\"false\" ".concat(selected, " data-label=\"Select all\">\n        <input aria-hidden=\"true\" class=\"nsw-form__checkbox-input\" type=\"checkbox\" id=\"").concat(this.selectId, "-all\" ").concat(checked, ">\n        <label class=\"nsw-form__checkbox-label\" aria-hidden=\"true\" for=\"").concat(this.selectId, "-all\">\n          <span>Select all</span>\n        </label>\n      </li>");
-        return allButton;
-      }
-    }, {
-      key: "getSelectedOptionText",
-      value: function getSelectedOptionText() {
-        var noSelectionText = '<span class="multi-select__term">Please select</span>';
-        var label = '';
-        var ariaLabel = '';
-        var count = this.getSelectedOptionCount();
-
-        if (count === this.options.length) {
-          label = "All ".concat(this.textSelected);
-          ariaLabel = "All ".concat(this.textSelected);
-        } else if (count > 1) {
-          label = "".concat(count, " ").concat(this.textSelected);
-          ariaLabel = "".concat(count, " ").concat(this.textSelected, ", Please select");
-        } else if (count > 0) {
-          ariaLabel += "".concat(this.options[0].text, ", Please select");
-          label = this.options[0].text;
-        } else {
-          label = noSelectionText;
-          ariaLabel = 'Please select';
-        }
-
-        return [label, ariaLabel];
-      }
-    }, {
-      key: "initListSelect",
-      value: function initListSelect() {
-        var _this4 = this;
-
-        var list = "<div class=\"nsw-multi-select__dropdown\" aria-describedby=".concat(this.selectId, "-description\" id=\"").concat(this.selectId, "-dropdown\">");
-
-        if (this.optGroups.length > 0) {
-          this.optGroups.forEach(function (optionGroup) {
-            var optGroupList = optionGroup.querySelectorAll('option');
-            var optGroupLabel = "<li><span>".concat(optionGroup.getAttribute('label'), "</span></li>");
-            list += "<ul class=\"nsw-multi-select__list\" role=\"listbox\" aria-multiselectable=\"true\">\n          ".concat(optGroupLabel + _this4.getOptionsList(optGroupList), "\n        </ul>");
-          });
-        } else {
-          list += "<ul class=\"nsw-multi-select__list\" role=\"listbox\" aria-multiselectable=\"true\">".concat(this.getOptionsList(this.options), "</ul>");
+          check.setAttribute('aria-selected', 'true');
+          this.updateNativeSelect(check.getAttribute('data-index'), true);
         }
+        //
+      });
 
-        return list;
-      }
-    }, {
-      key: "getOptionsList",
-      value: function getOptionsList(options) {
-        var _this5 = this;
-
-        var list = '';
-        options.forEach(function (option) {
-          var selected = option.hasAttribute('selected') ? ' aria-selected="true"' : ' aria-selected="false"';
-          var checked = option.hasAttribute('selected') ? 'checked' : '';
-
-          var uniqueName = _this5.constructor.createSafeCssClassname("".concat(_this5.selectId, "-").concat(option.value, "-").concat(_this5.optionIndex.toString()));
-
-          list += "\n      <li class=\"nsw-multi-select__option\" role=\"option\" data-value=\"".concat(option.value, "\" ").concat(selected, " data-label=\"").concat(option.text, "\" data-index=\"").concat(_this5.optionIndex, "\">\n        <input aria-hidden=\"true\" class=\"nsw-form__checkbox-input\" type=\"checkbox\" id=\"").concat(uniqueName, "\" ").concat(checked, ">\n        <label class=\"nsw-form__checkbox-label\" aria-hidden=\"true\" for=\"").concat(uniqueName, "\">\n          <span>").concat(option.text, "</span>\n        </label>\n      </li>");
-          _this5.optionIndex += 1;
+      const [label, ariaLabel] = this.getSelectedOptionText();
+      this.trigger.querySelector('.nsw-multi-select__label').innerHTML = label;
+      this.constructor.toggleClass(this.trigger, 'active', count > 0);
+      this.updateTriggerAria(ariaLabel);
+    }
+    selectOption(option) {
+      const input = option.querySelector('.nsw-form__checkbox-input');
+      if (option.hasAttribute('aria-selected') && option.getAttribute('aria-selected') === 'true') {
+        input.checked = false;
+        input.removeAttribute('checked');
+        option.setAttribute('aria-selected', 'false');
+        this.updateNativeSelect(option.getAttribute('data-index'), false);
+      } else {
+        input.checked = true;
+        input.value = true;
+        input.setAttribute('checked', '');
+        option.setAttribute('aria-selected', 'true');
+        this.updateNativeSelect(option.getAttribute('data-index'), true);
+      }
+      const [label, ariaLabel] = this.getSelectedOptionText();
+      const count = this.getSelectedOptionCount();
+      if (count === this.options.length) {
+        this.allButtonInput.checked = true;
+        this.allButtonInput.setAttribute('checked', '');
+        this.allButton.setAttribute('aria-selected', 'true');
+      } else {
+        this.allButtonInput.checked = false;
+        this.allButtonInput.removeAttribute('checked');
+        this.allButton.setAttribute('aria-selected', 'false');
+      }
+      this.trigger.querySelector('.nsw-multi-select__label').innerHTML = label;
+      this.constructor.toggleClass(this.trigger, 'active', count > 0);
+      this.updateTriggerAria(ariaLabel);
+    }
+    initButtonSelect() {
+      const triggerLabel = this.getSelectedOptionText(this.element);
+      const button = `<button class="nsw-button nsw-multi-select__button" aria-label="${triggerLabel[1]}" aria-expanded="false" aria-controls="${this.selectId}-dropdown">
+      <span aria-hidden="true" class="nsw-multi-select__label">${triggerLabel[0]}</span>
+      <span class="material-icons nsw-material-icons" focusable="false" aria-hidden="true">keyboard_arrow_down</span>
+      </button>`;
+      return button;
+    }
+    initAllButton() {
+      const all = this.getSelectedOptionCount() === this.options.length;
+      const selected = all ? ' aria-selected="true"' : ' aria-selected="false"';
+      const checked = all ? 'checked' : '';
+      const allButton = `
+      <li class="js-multi-select-all nsw-multi-select__option" role="option" data-value="Select all" aria-selected="false" ${selected} data-label="Select all">
+        <input aria-hidden="true" class="nsw-form__checkbox-input" type="checkbox" id="${this.selectId}-all" ${checked}>
+        <label class="nsw-form__checkbox-label" aria-hidden="true" for="${this.selectId}-all">
+          <span>Select all</span>
+        </label>
+      </li>`;
+      return allButton;
+    }
+    getSelectedOptionText() {
+      const noSelectionText = '<span class="multi-select__term">Please select</span>';
+      let label = '';
+      let ariaLabel = '';
+      const count = this.getSelectedOptionCount();
+      if (count === this.options.length) {
+        label = `All ${this.textSelected}`;
+        ariaLabel = `All ${this.textSelected}`;
+      } else if (count > 1) {
+        label = `${count} ${this.textSelected}`;
+        ariaLabel = `${count} ${this.textSelected}, Please select`;
+      } else if (count > 0) {
+        ariaLabel += `${this.options[0].text}, Please select`;
+        label = this.options[0].text;
+      } else {
+        label = noSelectionText;
+        ariaLabel = 'Please select';
+      }
+      return [label, ariaLabel];
+    }
+    initListSelect() {
+      let list = `<div class="nsw-multi-select__dropdown" aria-describedby=${this.selectId}-description" id="${this.selectId}-dropdown">`;
+      if (this.optGroups.length > 0) {
+        this.optGroups.forEach(optionGroup => {
+          const optGroupList = optionGroup.querySelectorAll('option');
+          const optGroupLabel = `<li><span>${optionGroup.getAttribute('label')}</span></li>`;
+          list += `<ul class="nsw-multi-select__list" role="listbox" aria-multiselectable="true">
+          ${optGroupLabel + this.getOptionsList(optGroupList)}
+        </ul>`;
         });
-        return list;
-      }
-    }, {
-      key: "getSelectedOption",
-      value: function getSelectedOption() {
-        var option = this.dropdown.querySelector('[aria-selected="true"]');
-
-        if (option) {
-          return option.querySelector('.nsw-form__checkbox-input');
-        }
-
-        return this.dropdown.querySelector('.nsw-multi-select__option').querySelector('.nsw-form__checkbox-input');
+      } else {
+        list += `<ul class="nsw-multi-select__list" role="listbox" aria-multiselectable="true">${this.getOptionsList(this.options)}</ul>`;
       }
-    }, {
-      key: "checkCustomSelectClick",
-      value: function checkCustomSelectClick(target) {
-        if (!this.element.contains(target)) this.toggleCustomSelect('false');
-      }
-    }, {
-      key: "updateNativeSelect",
-      value: function updateNativeSelect(index, bool) {
-        this.options[index].selected = bool;
-        this.select.dispatchEvent(new CustomEvent('update', {
-          bubbles: true
-        }));
+      return list;
+    }
+    getOptionsList(options) {
+      let list = '';
+      options.forEach(option => {
+        const selected = option.hasAttribute('selected') ? ' aria-selected="true"' : ' aria-selected="false"';
+        const checked = option.hasAttribute('selected') ? 'checked' : '';
+        const uniqueName = this.constructor.createSafeCssClassname(`${this.selectId}-${option.value}-${this.optionIndex.toString()}`);
+        list += `
+      <li class="nsw-multi-select__option" role="option" data-value="${option.value}" ${selected} data-label="${option.text}" data-index="${this.optionIndex}">
+        <input aria-hidden="true" class="nsw-form__checkbox-input" type="checkbox" id="${uniqueName}" ${checked}>
+        <label class="nsw-form__checkbox-label" aria-hidden="true" for="${uniqueName}">
+          <span>${option.text}</span>
+        </label>
+      </li>`;
+        this.optionIndex += 1;
+      });
+      return list;
+    }
+    getSelectedOption() {
+      const option = this.dropdown.querySelector('[aria-selected="true"]');
+      if (option) {
+        return option.querySelector('.nsw-form__checkbox-input');
       }
-    }, {
-      key: "updateTriggerAria",
-      value: function updateTriggerAria(ariaLabel) {
-        this.trigger.setAttribute('aria-label', ariaLabel);
+      return this.dropdown.querySelector('.nsw-multi-select__option').querySelector('.nsw-form__checkbox-input');
+    }
+    checkCustomSelectClick(target) {
+      if (!this.element.contains(target)) this.toggleCustomSelect('false');
+    }
+    updateNativeSelect(index, bool) {
+      this.options[index].selected = bool;
+      this.select.dispatchEvent(new CustomEvent('update', {
+        bubbles: true
+      }));
+    }
+    updateTriggerAria(ariaLabel) {
+      this.trigger.setAttribute('aria-label', ariaLabel);
+    }
+    static createSafeCssClassname(str) {
+      const invalidBeginningOfClassname = /^([0-9]|--|-[0-9])/;
+      if (typeof str !== 'string') {
+        return '';
       }
-    }], [{
-      key: "createSafeCssClassname",
-      value: function createSafeCssClassname(str) {
-        var invalidBeginningOfClassname = /^([0-9]|--|-[0-9])/;
-
-        if (typeof str !== 'string') {
-          return '';
+      const strippedClassname = str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(x => x.toLowerCase()).join('-');
+      return invalidBeginningOfClassname.test(strippedClassname) ? `_${strippedClassname}` : strippedClassname;
+    }
+    static moveFocusToSelectTrigger(target) {
+      const multiSelect = target.closest('.js-multi-select');
+      if (!multiSelect) return;
+      multiSelect.querySelector('.nsw-multi-select__button').focus();
+    }
+    static trapFocus(element) {
+      const focusableElements = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
+      const firstFocusableElement = element.querySelectorAll(focusableElements)[0];
+      const focusableContent = element.querySelectorAll(focusableElements);
+      const lastFocusableElement = focusableContent[focusableContent.length - 1];
+      document.addEventListener('keydown', event => {
+        const isTabPressed = event.key === 'Tab' || event.code === 9;
+        if (!isTabPressed) {
+          return;
         }
-
-        var strippedClassname = str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(function (x) {
-          return x.toLowerCase();
-        }).join('-');
-        return invalidBeginningOfClassname.test(strippedClassname) ? "_".concat(strippedClassname) : strippedClassname;
-      }
-    }, {
-      key: "moveFocusToSelectTrigger",
-      value: function moveFocusToSelectTrigger(target) {
-        var multiSelect = target.closest('.js-multi-select');
-        if (!multiSelect) return;
-        multiSelect.querySelector('.nsw-multi-select__button').focus();
-      }
-    }, {
-      key: "trapFocus",
-      value: function trapFocus(element) {
-        var focusableElements = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
-        var firstFocusableElement = element.querySelectorAll(focusableElements)[0];
-        var focusableContent = element.querySelectorAll(focusableElements);
-        var lastFocusableElement = focusableContent[focusableContent.length - 1];
-        document.addEventListener('keydown', function (event) {
-          var isTabPressed = event.key === 'Tab' || event.code === 9;
-
-          if (!isTabPressed) {
-            return;
-          }
-
-          if (event.shiftKey) {
-            if (document.activeElement === firstFocusableElement) {
-              lastFocusableElement.focus();
-              event.preventDefault();
-            }
-          } else if (document.activeElement === lastFocusableElement) {
-            firstFocusableElement.focus();
+        if (event.shiftKey) {
+          if (document.activeElement === firstFocusableElement) {
+            lastFocusableElement.focus();
             event.preventDefault();
           }
-        });
-        firstFocusableElement.focus();
-      }
-    }, {
-      key: "moveFocus",
-      value: function moveFocus(element) {
-        if (document.activeElement !== element) {
-          element.focus();
+        } else if (document.activeElement === lastFocusableElement) {
+          firstFocusableElement.focus();
+          event.preventDefault();
         }
+      });
+      firstFocusableElement.focus();
+    }
+    static moveFocus(element) {
+      if (document.activeElement !== element) {
+        element.focus();
       }
-    }, {
-      key: "toggleClass",
-      value: function toggleClass(el, className, bool) {
-        if (bool) el.classList.add(className);else el.classList.remove(className);
-      }
-    }]);
-
-    return Select;
-  }();
+    }
+    static toggleClass(el, className, bool) {
+      if (bool) el.classList.add(className);else el.classList.remove(className);
+    }
+  }
 
   if (window.NodeList && !NodeList.prototype.forEach) {
     NodeList.prototype.forEach = Array.prototype.forEach;
   }
-
   if (!Element.prototype.closest) {
     if (!Element.prototype.matches) {
       Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
     }
-
     Element.prototype.closest = function closest(s) {
-      var el = this;
-      var ancestor = this;
+      const el = this;
+      let ancestor = this;
       if (!document.documentElement.contains(el)) return null;
-
       do {
         if (ancestor.matches(s)) return ancestor;
         ancestor = ancestor.parentElement;
       } while (ancestor !== null);
-
       return null;
     };
   }
-
   function initSite() {
     // Header Search
-    var openSearchButton = document.querySelectorAll('.js-open-search');
-    var closeSearchButton = document.querySelectorAll('.js-close-search');
-    var accordions = document.querySelectorAll('.js-accordion');
-    var dialogs = document.querySelectorAll('.js-dialog');
-    var fileUpload = document.querySelectorAll('.js-file-upload');
-    var filters = document.querySelectorAll('.js-filters');
-    var tabs = document.querySelectorAll('.js-tabs');
-    var globalAlert = document.querySelectorAll('.js-global-alert');
-    var multiSelect = document.querySelectorAll('.js-multi-select');
-    openSearchButton.forEach(function (element) {
+    const openSearchButton = document.querySelectorAll('.js-open-search');
+    const closeSearchButton = document.querySelectorAll('.js-close-search');
+    const accordions = document.querySelectorAll('.js-accordion');
+    const dialogs = document.querySelectorAll('.js-dialog');
+    const fileUpload = document.querySelectorAll('.js-file-upload');
+    const filters = document.querySelectorAll('.js-filters');
+    const tabs = document.querySelectorAll('.js-tabs');
+    const globalAlert = document.querySelectorAll('.js-global-alert');
+    const multiSelect = document.querySelectorAll('.js-multi-select');
+    openSearchButton.forEach(element => {
       new SiteSearch(element).init();
     });
-    closeSearchButton.forEach(function (element) {
+    closeSearchButton.forEach(element => {
       new SiteSearch(element).init();
-    }); // Navigation
+    });
 
+    // Navigation
     new Navigation().init();
-    accordions.forEach(function (element) {
+    accordions.forEach(element => {
       new Accordion(element).init();
     });
-    dialogs.forEach(function (element) {
+    dialogs.forEach(element => {
       new Dialog(element).init();
     });
-
     if (fileUpload) {
-      fileUpload.forEach(function (element) {
+      fileUpload.forEach(element => {
         new FileUpload(element).init();
       });
     }
-
     if (filters) {
-      filters.forEach(function (element) {
+      filters.forEach(element => {
         new Filters(element).init();
       });
     }
-
     if (tabs) {
-      tabs.forEach(function (element) {
+      tabs.forEach(element => {
         new Tabs(element).init();
       });
     }
-
     if (globalAlert) {
-      globalAlert.forEach(function (element) {
+      globalAlert.forEach(element => {
         new GlobalAlert(element).init();
       });
     }
-
     if (multiSelect) {
-      multiSelect.forEach(function (element) {
+      multiSelect.forEach(element => {
         new Select(element).init();
       });
     }
@@ -2070,6 +1471,4 @@
   exports.Tabs = Tabs;
   exports.initSite = initSite;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
+}));