@internetstiftelsen/styleguide 5.0.19 → 5.1.1

package/dist/molecules/glider/glider-course.js

@@ -1,76 +1,63 @@
-'use strict';
-
-var _gliderJs = require('glider-js');
-
-var _gliderJs2 = _interopRequireDefault(_gliderJs);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var gliderElementCourse = document.querySelector('.js-glider-course');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _gliderjs = /*#__PURE__*/ _interop_require_default(require("glider-js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const gliderElementCourse = document.querySelector('.js-glider-course');
 if (gliderElementCourse) {
-	var GliderCourse = new _gliderJs2.default(gliderElementCourse, {
-		scrollLock: true,
-		slidesToShow: 1,
-		slidesToScroll: 1
-	});
-
-	var nextBtns = document.querySelectorAll('.js-glider-next');
-	var prevBtns = document.querySelectorAll('.js-glider-prev');
-	var siteMain = document.querySelector('#siteMain');
-	var zoomImages = document.querySelectorAll('.js-zoom.zoom');
-	var youtubeVideos = document.querySelectorAll('[data-youtube]');
-	var slideIndex = GliderCourse.getCurrentSlide();
-	var bounding = 0;
-
-	var scrollTop = function scrollTop() {
-		siteMain.scrollIntoView();
-	};
-
-	if (nextBtns) {
-		[].forEach.call(nextBtns, function (nextBtn) {
-			nextBtn.addEventListener('click', function () {
-				GliderCourse.scrollItem(slideIndex += 1, true);
-
-				[].forEach.call(youtubeVideos, function (el) {
-					return el.youtube && el.youtube.pauseVideo();
-				});
-
-				if (siteMain) {
-					bounding = siteMain.getBoundingClientRect();
-					if (bounding.top < 0) {
-						scrollTop();
-					}
-				}
-			});
-		});
-	}
-
-	if (prevBtns) {
-		[].forEach.call(prevBtns, function (prevBtn) {
-			prevBtn.addEventListener('click', function () {
-				GliderCourse.scrollItem(slideIndex -= 1, true);
-				[].forEach.call(youtubeVideos, function (el) {
-					return el.youtube && el.youtube.pauseVideo();
-				});
-
-				if (siteMain) {
-					bounding = siteMain.getBoundingClientRect();
-					if (bounding.top < 0) {
-						scrollTop();
-					}
-				}
-			});
-		});
-	}
-
-	if (zoomImages) {
-		[].forEach.call(zoomImages, function (zoomImage) {
-			zoomImage.addEventListener('click', function () {
-				zoomImage.classList.toggle('is-zoomed');
-			});
-		});
-	}
-
-	module.exports = GliderCourse;
-}
+    const GliderCourse = new _gliderjs.default(gliderElementCourse, {
+        scrollLock: true,
+        slidesToShow: 1,
+        slidesToScroll: 1
+    });
+    const nextBtns = document.querySelectorAll('.js-glider-next');
+    const prevBtns = document.querySelectorAll('.js-glider-prev');
+    const siteMain = document.querySelector('#siteMain');
+    const zoomImages = document.querySelectorAll('.js-zoom.zoom');
+    const youtubeVideos = document.querySelectorAll('[data-youtube]');
+    let slideIndex = GliderCourse.getCurrentSlide();
+    let bounding = 0;
+    const scrollTop = ()=>{
+        siteMain.scrollIntoView();
+    };
+    if (nextBtns) {
+        [].forEach.call(nextBtns, (nextBtn)=>{
+            nextBtn.addEventListener('click', ()=>{
+                GliderCourse.scrollItem(slideIndex += 1, true);
+                [].forEach.call(youtubeVideos, (el)=>el.youtube && el.youtube.pauseVideo());
+                if (siteMain) {
+                    bounding = siteMain.getBoundingClientRect();
+                    if (bounding.top < 0) {
+                        scrollTop();
+                    }
+                }
+            });
+        });
+    }
+    if (prevBtns) {
+        [].forEach.call(prevBtns, (prevBtn)=>{
+            prevBtn.addEventListener('click', ()=>{
+                GliderCourse.scrollItem(slideIndex -= 1, true);
+                [].forEach.call(youtubeVideos, (el)=>el.youtube && el.youtube.pauseVideo());
+                if (siteMain) {
+                    bounding = siteMain.getBoundingClientRect();
+                    if (bounding.top < 0) {
+                        scrollTop();
+                    }
+                }
+            });
+        });
+    }
+    if (zoomImages) {
+        [].forEach.call(zoomImages, (zoomImage)=>{
+            zoomImage.addEventListener('click', ()=>{
+                zoomImage.classList.toggle('is-zoomed');
+            });
+        });
+    }
+}

package/dist/molecules/glider/glider-hero.js

@@ -1,106 +1,93 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-exports.initHeroGlider = initHeroGlider;
-
-var _gliderJs = require('glider-js');
-
-var _gliderJs2 = _interopRequireDefault(_gliderJs);
-
-var _nodeAdded = require('../../assets/js/nodeAdded');
-
-var _nodeAdded2 = _interopRequireDefault(_nodeAdded);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+Object.defineProperty(exports, "initHeroGlider", {
+    enumerable: true,
+    get: function() {
+        return initHeroGlider;
+    }
+});
+const _gliderjs = /*#__PURE__*/ _interop_require_default(require("glider-js"));
+const _nodeAdded = /*#__PURE__*/ _interop_require_default(require("../../assets/js/nodeAdded"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function initHeroGlider(node) {
-	if (node.hasAttribute('data-glider-initialized')) {
-		return;
-	}
-
-	var dataLayer = window._mtm || [];
-	var gliderLinks = document.querySelectorAll('.glider-slide a');
-
-	var GliderHero = new _gliderJs2.default(node, {
-		scrollLock: true,
-		slidesToShow: 1,
-		slidesToScroll: 1,
-		rewind: true,
-		arrows: {
-			prev: '.js-glider-prev',
-			next: '.js-glider-next'
-		}
-	});
-
-	node.setAttribute('data-glider-initialized', 'true');
-
-	var autoplayDelay = node.dataset.timeout;
-
-	if (autoplayDelay) {
-		var autoplay = setInterval(function () {
-			GliderHero.scrollItem('next');
-		}, parseInt(autoplayDelay, 10));
-
-		node.addEventListener('mouseover', function () {
-			if (autoplay !== null) {
-				clearInterval(autoplay);
-				autoplay = null;
-			}
-		}, 0);
-
-		node.addEventListener('mouseout', function () {
-			if (autoplay === null) {
-				autoplay = setInterval(function () {
-					GliderHero.scrollItem('next');
-				}, parseInt(autoplayDelay, 10));
-			}
-		}, 0);
-	}
-
-	document.querySelector('.js-glider-prev').addEventListener('click', function () {
-		dataLayer.push({
-			event: 'carousel',
-			eventInfo: {
-				category: 'carousel',
-				action: 'click',
-				label: 'arrow_left'
-			}
-		});
-	});
-
-	document.querySelector('.js-glider-next').addEventListener('click', function () {
-		dataLayer.push({
-			event: 'carousel',
-			eventInfo: {
-				category: 'carousel',
-				action: 'click',
-				label: 'arrow_right'
-			}
-		});
-	});
-
-	[].forEach.call(gliderLinks, function (gliderLink) {
-		gliderLink.addEventListener('click', function () {
-			var linkTarget = gliderLink.href;
-			console.log(linkTarget);
-			dataLayer.push({
-				event: 'carousel',
-				eventInfo: {
-					category: 'carousel',
-					action: 'click',
-					label: linkTarget
-				}
-			});
-		});
-	});
+    if (node.hasAttribute('data-glider-initialized')) {
+        return;
+    }
+    const dataLayer = window._mtm || [];
+    const gliderLinks = document.querySelectorAll('.glider-slide a');
+    const GliderHero = new _gliderjs.default(node, {
+        scrollLock: true,
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        rewind: true,
+        arrows: {
+            prev: '.js-glider-prev',
+            next: '.js-glider-next'
+        }
+    });
+    node.setAttribute('data-glider-initialized', 'true');
+    const autoplayDelay = node.dataset.timeout;
+    if (autoplayDelay) {
+        let autoplay = setInterval(()=>{
+            GliderHero.scrollItem('next');
+        }, parseInt(autoplayDelay, 10));
+        node.addEventListener('mouseover', ()=>{
+            if (autoplay !== null) {
+                clearInterval(autoplay);
+                autoplay = null;
+            }
+        }, 0);
+        node.addEventListener('mouseout', ()=>{
+            if (autoplay === null) {
+                autoplay = setInterval(()=>{
+                    GliderHero.scrollItem('next');
+                }, parseInt(autoplayDelay, 10));
+            }
+        }, 0);
+    }
+    document.querySelector('.js-glider-prev').addEventListener('click', ()=>{
+        dataLayer.push({
+            event: 'carousel',
+            eventInfo: {
+                category: 'carousel',
+                action: 'click',
+                label: 'arrow_left'
+            }
+        });
+    });
+    document.querySelector('.js-glider-next').addEventListener('click', ()=>{
+        dataLayer.push({
+            event: 'carousel',
+            eventInfo: {
+                category: 'carousel',
+                action: 'click',
+                label: 'arrow_right'
+            }
+        });
+    });
+    [].forEach.call(gliderLinks, (gliderLink)=>{
+        gliderLink.addEventListener('click', ()=>{
+            const linkTarget = gliderLink.href;
+            console.log(linkTarget);
+            dataLayer.push({
+                event: 'carousel',
+                eventInfo: {
+                    category: 'carousel',
+                    action: 'click',
+                    label: linkTarget
+                }
+            });
+        });
+    });
 }
-
-(0, _nodeAdded2.default)('.js-glider-hero', initHeroGlider);
-
-var gliderElementHero = document.querySelector('.js-glider-hero');
-
+(0, _nodeAdded.default)('.js-glider-hero', initHeroGlider);
+const gliderElementHero = document.querySelector('.js-glider-hero');
 if (gliderElementHero) {
-	initHeroGlider(gliderElementHero);
-}
+    initHeroGlider(gliderElementHero);
+}

package/dist/molecules/glider/glider.js

@@ -1,46 +1,50 @@
-'use strict';
-
-var _gliderJs = require('glider-js');
-
-var _gliderJs2 = _interopRequireDefault(_gliderJs);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var gliderWrappers = document.querySelectorAll('.glider-contain');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _gliderjs = /*#__PURE__*/ _interop_require_default(require("glider-js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const gliderWrappers = document.querySelectorAll('.glider-contain');
 if (gliderWrappers) {
-	[].forEach.call(gliderWrappers, function (gliderWrapper) {
-		var gliderElement = gliderWrapper.querySelector('.js-glider');
-		var dots = gliderWrapper.classList.toString();
-		var glider = new _gliderJs2.default(gliderElement, {
-			scrollLock: true,
-			slidesToShow: 1,
-			slidesToScroll: 1,
-			dots: '.' + dots + '+.glider-dots',
-			arrows: {
-				prev: gliderWrapper.querySelector('.js-glider-prev'),
-				next: gliderWrapper.querySelector('.js-glider-next')
-			},
-			responsive: [{
-				breakpoint: 961,
-				settings: {
-					slidesToShow: 3,
-					slidesToScroll: 3
-				}
-			}, {
-				breakpoint: 769,
-				settings: {
-					slidesToShow: 2,
-					slidesToScroll: 2
-				}
-			}, {
-				breakpoint: 469,
-				settings: {
-					slidesToShow: 1,
-					slidesToScroll: 1
-				}
-			}]
-		});
-		module.exports = glider;
-	});
-}
+    [].forEach.call(gliderWrappers, (gliderWrapper)=>{
+        const gliderElement = gliderWrapper.querySelector('.js-glider');
+        const dots = gliderWrapper.classList.toString();
+        gliderElement.glider = new _gliderjs.default(gliderElement, {
+            scrollLock: true,
+            slidesToShow: 1,
+            slidesToScroll: 1,
+            dots: `.${dots}+.glider-dots`,
+            arrows: {
+                prev: gliderWrapper.querySelector('.js-glider-prev'),
+                next: gliderWrapper.querySelector('.js-glider-next')
+            },
+            responsive: [
+                {
+                    breakpoint: 961,
+                    settings: {
+                        slidesToShow: 3,
+                        slidesToScroll: 3
+                    }
+                },
+                {
+                    breakpoint: 769,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2
+                    }
+                },
+                {
+                    breakpoint: 469,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1
+                    }
+                }
+            ]
+        });
+    });
+}