@internetstiftelsen/styleguide 5.0.6-beta.0.3 → 5.0.6-beta.0.5

package/dist/organisms/mega-menu/mega-menu.js

@@ -207,4 +207,46 @@ function handleMouseUp(e) {
 if (megaMenuButton && megaMenu) {
 	megaMenuButton.addEventListener('click', toggleMegaMenu);
 	document.addEventListener('mouseup', handleMouseUp);
+}
+
+/**
+ * Toggle the mega menu submenus
+ */
+function collapse(toggle) {
+	var id = toggle.getAttribute('data-a11y-toggle');
+	var collapsibleBox = document.getElementById(id);
+	collapsibleBox.setAttribute('aria-hidden', true);
+	toggle.setAttribute('aria-expanded', false);
+}
+
+function collapseAll(event) {
+	if (toggles) {
+		toggles.filter(function (toggle) {
+			return toggle !== event.target;
+		}).forEach(collapse);
+	}
+}
+var toggles = Array.prototype.slice.call(document.querySelectorAll('.js-menu-toggles [data-a11y-toggle]'));
+
+if (toggles) {
+	toggles.forEach(function (toggle) {
+		toggle.addEventListener('click', collapseAll);
+	});
+}
+
+/**
+ * Handle mega menu and ReadSpeaker when clicking ReadSpeaker button in mega menu
+ */
+var closeMegaMenuBtn = document.querySelector('.js-close-mega-menu');
+
+if (closeMegaMenuBtn) {
+	document.addEventListener('DOMContentLoaded', function () {
+		closeMegaMenuBtn.addEventListener('click', function () {
+			document.querySelector('.js-toggle-mega-menu').click();
+			document.getElementById('readspeakerMenuItem').classList.remove('u-hidden-mobile');
+			document.getElementById('readspeakerBtn').click();
+			document.querySelector('#readspeakerBtn .iis-a-main-menu__list__text').classList.add('u-hidden-mobile');
+			document.querySelector('#readspeakerBtn .iis-a-button--icon').classList.add('u-hidden-mobile');
+		});
+	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@internetstiftelsen/styleguide",
-	"version": "5.0.6-beta.0.3",
+	"version": "5.0.6-beta.0.5",
 	"main": "dist/components.js",
 	"ports": {
 		"fractal": "3000"

package/src/organisms/footer/_footer.scss

@@ -22,7 +22,6 @@ $footer-font-size: 18px; /* To ensure all footers on all sites have the same fon
 	position: relative;
 	z-index: func.z_index(middleground);
 	transform: translateY(0);
-	border-top: 1px solid colors.$color-ash;
 	font-size: $footer-font-size;
 
 	&.is-animated {

package/src/organisms/mega-menu/mega-menu.js

@@ -220,3 +220,49 @@ if (megaMenuButton && megaMenu) {
 	megaMenuButton.addEventListener('click', toggleMegaMenu);
 	document.addEventListener('mouseup', handleMouseUp);
 }
+
+/**
+ * Toggle the mega menu submenus
+ */
+function collapse(toggle) {
+	var id = toggle.getAttribute('data-a11y-toggle');
+	var collapsibleBox = document.getElementById(id);
+	collapsibleBox.setAttribute('aria-hidden', true);
+	toggle.setAttribute('aria-expanded', false);
+}
+
+function collapseAll(event) {
+	if(toggles) {
+		toggles
+			.filter(function (toggle) {
+				return toggle !== event.target;
+			})
+			.forEach(collapse);
+	}
+}
+const toggles = Array.prototype.slice.call(
+	document.querySelectorAll('.js-menu-toggles [data-a11y-toggle]')
+);
+
+if(toggles) {
+	toggles.forEach(function(toggle) {
+		toggle.addEventListener('click', collapseAll);
+	});
+}
+
+/**
+ * Handle mega menu and ReadSpeaker when clicking ReadSpeaker button in mega menu
+ */
+const closeMegaMenuBtn = document.querySelector('.js-close-mega-menu');
+
+if(closeMegaMenuBtn) {
+	document.addEventListener('DOMContentLoaded', () => {
+		closeMegaMenuBtn.addEventListener('click', function() {
+			document.querySelector('.js-toggle-mega-menu').click();
+			document.getElementById('readspeakerMenuItem').classList.remove('u-hidden-mobile');
+			document.getElementById('readspeakerBtn').click();
+			document.querySelector('#readspeakerBtn .iis-a-main-menu__list__text').classList.add('u-hidden-mobile');
+			document.querySelector('#readspeakerBtn .iis-a-button--icon').classList.add('u-hidden-mobile');
+		});
+	});
+}