@ministryofjustice/frontend 3.4.0 → 3.5.0

package/moj/components/filter-toggle-button/filter-toggle-button.js

@@ -1,91 +1,122 @@
-MOJFrontend.FilterToggleButton = function (options) {
-  this.options = options
-  this.container = $(this.options.toggleButton.container)
-  this.filterContainer = $(this.options.filter.container)
-
-  this.createToggleButton()
-  this.setupResponsiveChecks()
-  this.filterContainer.attr('tabindex', '-1')
-  if (this.options.startHidden) {
-    this.hideMenu()
-  }
-}
-
-MOJFrontend.FilterToggleButton.prototype.setupResponsiveChecks = function () {
-  this.mq = window.matchMedia(this.options.bigModeMediaQuery)
-  this.mq.addListener($.proxy(this, 'checkMode'))
-  this.checkMode(this.mq)
-}
-
-MOJFrontend.FilterToggleButton.prototype.createToggleButton = function () {
-  this.menuButton = $(
-    `<button class="govuk-button ${this.options.toggleButton.classes}" type="button" aria-haspopup="true" aria-expanded="false">${this.options.toggleButton.showText}</button>`
-  )
-  this.menuButton.on('click', $.proxy(this, 'onMenuButtonClick'))
-  this.container.append(this.menuButton)
-}
-
-MOJFrontend.FilterToggleButton.prototype.checkMode = function (mq) {
-  if (mq.matches) {
-    this.enableBigMode()
-  } else {
-    this.enableSmallMode()
-  }
-}
-
-MOJFrontend.FilterToggleButton.prototype.enableBigMode = function () {
-  this.showMenu()
-  this.removeCloseButton()
-}
-
-MOJFrontend.FilterToggleButton.prototype.enableSmallMode = function () {
-  this.hideMenu()
-  this.addCloseButton()
-}
-
-MOJFrontend.FilterToggleButton.prototype.addCloseButton = function () {
-  if (this.options.closeButton) {
-    this.closeButton = $(
-      `<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`
-    )
-    this.closeButton.on('click', $.proxy(this, 'onCloseClick'))
-    $(this.options.closeButton.container).append(this.closeButton)
-  }
-}
-
-MOJFrontend.FilterToggleButton.prototype.onCloseClick = function () {
-  this.hideMenu()
-  this.menuButton.focus()
-}
-
-MOJFrontend.FilterToggleButton.prototype.removeCloseButton = function () {
-  if (this.closeButton) {
-    this.closeButton.remove()
-    this.closeButton = null
-  }
-}
-
-MOJFrontend.FilterToggleButton.prototype.hideMenu = function () {
-  this.menuButton.attr('aria-expanded', 'false')
-  this.filterContainer.addClass('moj-js-hidden')
-  this.menuButton.text(this.options.toggleButton.showText)
-}
-
-MOJFrontend.FilterToggleButton.prototype.showMenu = function () {
-  this.menuButton.attr('aria-expanded', 'true')
-  this.filterContainer.removeClass('moj-js-hidden')
-  this.menuButton.text(this.options.toggleButton.hideText)
-}
-
-MOJFrontend.FilterToggleButton.prototype.onMenuButtonClick = function () {
-  this.toggle()
-}
-
-MOJFrontend.FilterToggleButton.prototype.toggle = function () {
-  if (this.menuButton.attr('aria-expanded') === 'false') {
-    this.showMenu()
-    this.filterContainer.get(0).focus()
-  } else {
-    this.hideMenu()
-  }
-}
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.MOJFrontend = factory());
+})(this, (function () { 'use strict';
+
+	function getDefaultExportFromCjs (x) {
+		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+	}
+
+	var _global_window_jQuery = window.jQuery;
+
+	var filterToggleButton$1;
+	var hasRequiredFilterToggleButton;
+
+	function requireFilterToggleButton () {
+		if (hasRequiredFilterToggleButton) return filterToggleButton$1;
+		hasRequiredFilterToggleButton = 1;
+		const $ = _global_window_jQuery;
+
+		function FilterToggleButton(options) {
+		  this.options = options;
+		  this.container = $(this.options.toggleButton.container);
+		  this.filterContainer = $(this.options.filter.container);
+
+		  this.createToggleButton();
+		  this.setupResponsiveChecks();
+		  this.filterContainer.attr('tabindex', '-1');
+		  if (this.options.startHidden) {
+		    this.hideMenu();
+		  }
+		}
+
+		FilterToggleButton.prototype.setupResponsiveChecks = function () {
+		  this.mq = window.matchMedia(this.options.bigModeMediaQuery);
+		  this.mq.addListener($.proxy(this, 'checkMode'));
+		  this.checkMode(this.mq);
+		};
+
+		FilterToggleButton.prototype.createToggleButton = function () {
+		  this.menuButton = $(
+		    `<button class="govuk-button ${this.options.toggleButton.classes}" type="button" aria-haspopup="true" aria-expanded="false">${this.options.toggleButton.showText}</button>`
+		  );
+		  this.menuButton.on('click', $.proxy(this, 'onMenuButtonClick'));
+		  this.container.append(this.menuButton);
+		};
+
+		FilterToggleButton.prototype.checkMode = function (mq) {
+		  if (mq.matches) {
+		    this.enableBigMode();
+		  } else {
+		    this.enableSmallMode();
+		  }
+		};
+
+		FilterToggleButton.prototype.enableBigMode = function () {
+		  this.showMenu();
+		  this.removeCloseButton();
+		};
+
+		FilterToggleButton.prototype.enableSmallMode = function () {
+		  this.hideMenu();
+		  this.addCloseButton();
+		};
+
+		FilterToggleButton.prototype.addCloseButton = function () {
+		  if (this.options.closeButton) {
+		    this.closeButton = $(
+		      `<button class="moj-filter__close" type="button">${this.options.closeButton.text}</button>`
+		    );
+		    this.closeButton.on('click', $.proxy(this, 'onCloseClick'));
+		    $(this.options.closeButton.container).append(this.closeButton);
+		  }
+		};
+
+		FilterToggleButton.prototype.onCloseClick = function () {
+		  this.hideMenu();
+		  this.menuButton.focus();
+		};
+
+		FilterToggleButton.prototype.removeCloseButton = function () {
+		  if (this.closeButton) {
+		    this.closeButton.remove();
+		    this.closeButton = null;
+		  }
+		};
+
+		FilterToggleButton.prototype.hideMenu = function () {
+		  this.menuButton.attr('aria-expanded', 'false');
+		  this.filterContainer.addClass('moj-js-hidden');
+		  this.menuButton.text(this.options.toggleButton.showText);
+		};
+
+		FilterToggleButton.prototype.showMenu = function () {
+		  this.menuButton.attr('aria-expanded', 'true');
+		  this.filterContainer.removeClass('moj-js-hidden');
+		  this.menuButton.text(this.options.toggleButton.hideText);
+		};
+
+		FilterToggleButton.prototype.onMenuButtonClick = function () {
+		  this.toggle();
+		};
+
+		FilterToggleButton.prototype.toggle = function () {
+		  if (this.menuButton.attr('aria-expanded') === 'false') {
+		    this.showMenu();
+		    this.filterContainer.get(0).focus();
+		  } else {
+		    this.hideMenu();
+		  }
+		};
+
+		filterToggleButton$1 = { FilterToggleButton };
+		return filterToggleButton$1;
+	}
+
+	var filterToggleButtonExports = requireFilterToggleButton();
+	var filterToggleButton = /*@__PURE__*/getDefaultExportFromCjs(filterToggleButtonExports);
+
+	return filterToggleButton;
+
+}));