@internetstiftelsen/styleguide 5.0.18 → 5.1.0

package/dist/assets/js/hasCookieConsent.js

@@ -1,42 +1,32 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-exports.default = hasCookieConsent;
-
-var _getCookieByName = require('./getCookieByName');
-
-var _getCookieByName2 = _interopRequireDefault(_getCookieByName);
-
-var _queryToObj = require('./queryToObj');
-
-var _queryToObj2 = _interopRequireDefault(_queryToObj);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function hasCookieConsent(category) {
-	var defaultIfNoCookie = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-	var cookie = (0, _getCookieByName2.default)('OptanonConsent');
-
-	if (!cookie) {
-		return defaultIfNoCookie;
-	}
-
-	var cookieObj = (0, _queryToObj2.default)(cookie);
-
-	if (!('groups' in cookieObj)) {
-		return defaultIfNoCookie;
-	}
-
-	var groups = Object.fromEntries(cookieObj.groups.split(',').map(function (group) {
-		return group.trim().split(':');
-	}));
-
-	if (!(category in groups)) {
-		return defaultIfNoCookie;
-	}
-
-	return groups[category] === '1';
-}
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return hasCookieConsent;
+    }
+});
+const _getCookieByName = /*#__PURE__*/ _interop_require_default(require("./getCookieByName"));
+const _queryToObj = /*#__PURE__*/ _interop_require_default(require("./queryToObj"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function hasCookieConsent(category, defaultIfNoCookie = true) {
+    const cookie = (0, _getCookieByName.default)('OptanonConsent');
+    if (!cookie) {
+        return defaultIfNoCookie;
+    }
+    const cookieObj = (0, _queryToObj.default)(cookie);
+    if (!('groups' in cookieObj)) {
+        return defaultIfNoCookie;
+    }
+    const groups = Object.fromEntries(cookieObj.groups.split(',').map((group)=>group.trim().split(':')));
+    if (!(category in groups)) {
+        return defaultIfNoCookie;
+    }
+    return groups[category] === '1';
+}

package/dist/assets/js/htmlTextLength.js

@@ -1,13 +1,15 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return htmlTextLength;
+    }
 });
-exports.default = htmlTextLength;
 function htmlTextLength(html) {
-	var div = document.createElement('div');
-
-	div.innerHTML = html;
-
-	return div.textContent.length;
-}
+    const div = document.createElement('div');
+    div.innerHTML = html;
+    return div.textContent.length;
+}

package/dist/assets/js/iconToggle.js

@@ -1,23 +1,19 @@
-'use strict';
-
 // Usage: data-toggle-icon-target="targetSvg" data-toggle-icon="copy|check"
+"use strict";
 function toggleIconOnClick(el) {
-	var target = el.dataset.toggleIconTarget ? document.getElementById(el.dataset.toggleIconTarget) : el;
-	var i = parseInt(el.dataset.iconIteration || 0, 10);
-	var options = el.dataset.toggleIcon.split('|');
-	var nextIteration = i + 1 === options.length ? 0 : i + 1;
-
-	el.dataset.iconIteration = nextIteration;
-	var useElement = target.querySelector('use');
-	useElement.setAttribute('xlink:href', '#icon-' + options[nextIteration]);
+    const target = el.dataset.toggleIconTarget ? document.getElementById(el.dataset.toggleIconTarget) : el;
+    const i = parseInt(el.dataset.iconIteration || 0, 10);
+    const options = el.dataset.toggleIcon.split('|');
+    const nextIteration = i + 1 === options.length ? 0 : i + 1;
+    el.dataset.iconIteration = nextIteration;
+    const useElement = target.querySelector('use');
+    useElement.setAttribute('xlink:href', `#icon-${options[nextIteration]}`);
 }
-
-document.addEventListener('click', function (e) {
-	var target = e.target.closest('[data-toggle-icon]');
-
-	if (target) {
-		e.preventDefault();
-		toggleIconOnClick(target);
-		return false;
-	}
-});
+document.addEventListener('click', (e)=>{
+    let target = e.target.closest('[data-toggle-icon]');
+    if (target) {
+        e.preventDefault();
+        toggleIconOnClick(target);
+        return false;
+    }
+});

package/dist/assets/js/nodeAdded.js

@@ -1,61 +1,48 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { 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"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-exports.default = nodeAdded;
-var callbacks = {};
-
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return nodeAdded;
+    }
+});
+const callbacks = {};
 function dispatch(node, cbs) {
-	cbs.forEach(function (cb) {
-		return cb(node);
-	});
+    cbs.forEach((cb)=>cb(node));
 }
-
-var observer = new MutationObserver(function (mutations) {
-	mutations.forEach(function (mutation) {
-		mutation.addedNodes.forEach(function (node) {
-			if (node.nodeType === Node.ELEMENT_NODE) {
-				Object.entries(callbacks).forEach(function (_ref) {
-					var _ref2 = _slicedToArray(_ref, 2),
-					    selector = _ref2[0],
-					    selectorCallbacks = _ref2[1];
-
-					if (node.matches(selector)) {
-						dispatch(node, selectorCallbacks);
-					} else if (node.id === 'siteMain') {
-						var child = node.querySelector(selector);
-
-						if (child) {
-							dispatch(child, selectorCallbacks);
-						}
-					}
-				});
-			}
-		});
-	});
+const observer = new MutationObserver((mutations)=>{
+    mutations.forEach((mutation)=>{
+        mutation.addedNodes.forEach((node)=>{
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                Object.entries(callbacks).forEach(([selector, selectorCallbacks])=>{
+                    if (node.matches(selector)) {
+                        dispatch(node, selectorCallbacks);
+                    } else if (node.id === 'siteMain') {
+                        const child = node.querySelector(selector);
+                        if (child) {
+                            dispatch(child, selectorCallbacks);
+                        }
+                    }
+                });
+            }
+        });
+    });
 });
-
 observer.observe(document.body, {
-	childList: true,
-	subtree: true
+    childList: true,
+    subtree: true
 });
-
 function nodeAdded(selector, callback) {
-	if (!(selector in callbacks)) {
-		callbacks[selector] = [];
-	}
-
-	callbacks[selector].push(callback);
-
-	return function unsubscribe() {
-		var index = callbacks[selector].indexOf(callback);
-
-		if (index > -1) {
-			callbacks[selector].splice(index, 1);
-		}
-	};
-}
+    if (!(selector in callbacks)) {
+        callbacks[selector] = [];
+    }
+    callbacks[selector].push(callback);
+    return function unsubscribe() {
+        const index = callbacks[selector].indexOf(callback);
+        if (index > -1) {
+            callbacks[selector].splice(index, 1);
+        }
+    };
+}

package/dist/assets/js/objToQuery.js

@@ -1,44 +1,28 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { 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"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-var objToQuery = function objToQuery(obj) {
-	var exclude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-	var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
-	var query = [];
-
-	Object.entries(obj).forEach(function (_ref) {
-		var _ref2 = _slicedToArray(_ref, 2),
-		    key = _ref2[0],
-		    value = _ref2[1];
-
-		if (exclude.indexOf(key) > -1) {
-			return;
-		}
-
-		var queryKey = parent ? parent + '[' + key + ']' : key;
-
-		if (Array.isArray(value)) {
-			value.forEach(function (subValue) {
-				return query.push(queryKey + '[]=' + encodeURIComponent(subValue));
-			});
-		} else if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object') {
-			query.push(objToQuery(value, exclude, queryKey));
-		} else {
-			query.push(queryKey + '=' + encodeURIComponent(value));
-		}
-	});
-
-	return query.join('&');
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const objToQuery = (obj, exclude = [], parent = null)=>{
+    const query = [];
+    Object.entries(obj).forEach(([key, value])=>{
+        if (exclude.indexOf(key) > -1) {
+            return;
+        }
+        const queryKey = parent ? `${parent}[${key}]` : key;
+        if (Array.isArray(value)) {
+            value.forEach((subValue)=>query.push(`${queryKey}[]=${encodeURIComponent(subValue)}`));
+        } else if (typeof value === 'object') {
+            query.push(objToQuery(value, exclude, queryKey));
+        } else {
+            query.push(`${queryKey}=${encodeURIComponent(value)}`);
+        }
+    });
+    return query.join('&');
 };
-
-exports.default = function (obj, exclude) {
-	return objToQuery(obj, exclude);
-};
+const _default = (obj, exclude)=>objToQuery(obj, exclude);

package/dist/assets/js/offset.js

@@ -1,26 +1,30 @@
 "use strict";
-
-module.exports = {
-	// Get top of element relative to window
-	offsetTop: function offsetTop(el) {
-		var rect = el.getBoundingClientRect();
-		var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-		return rect.top + scrollTop;
-	},
-
-
-	// Get bottom of element relative to window
-	offsetBottom: function offsetBottom(el) {
-		var rect = el.getBoundingClientRect();
-		var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-		return rect.bottom + scrollTop;
-	},
-
-
-	// Get left of element relative to window
-	offsetLeft: function offsetLeft(el) {
-		var rect = el.getBoundingClientRect();
-		var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-		return rect.left + scrollLeft;
-	}
-};
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _default = {
+    // Get top of element relative to window
+    offsetTop (el) {
+        const rect = el.getBoundingClientRect();
+        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+        return rect.top + scrollTop;
+    },
+    // Get bottom of element relative to window
+    offsetBottom (el) {
+        const rect = el.getBoundingClientRect();
+        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+        return rect.bottom + scrollTop;
+    },
+    // Get left of element relative to window
+    offsetLeft (el) {
+        const rect = el.getBoundingClientRect();
+        const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+        return rect.left + scrollLeft;
+    }
+};

package/dist/assets/js/ot.js

@@ -1,13 +1,10 @@
-'use strict';
-
-document.addEventListener('click', function (e) {
-	var el = e.target.closest('[data-ot-dynamic-show-settings]');
-
-	if (el) {
-		var otButton = document.getElementById('ot-sdk-btn');
-
-		if (otButton) {
-			otButton.click();
-		}
-	}
-});
+"use strict";
+document.addEventListener('click', (e)=>{
+    const el = e.target.closest('[data-ot-dynamic-show-settings]');
+    if (el) {
+        const otButton = document.getElementById('ot-sdk-btn');
+        if (otButton) {
+            otButton.click();
+        }
+    }
+});

package/dist/assets/js/parallax.js

@@ -1,30 +1,30 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "cache", {
+    enumerable: true,
+    get: function() {
+        return cache;
+    }
 });
-exports.cache = cache;
 function isInView(el) {
-	var box = el.getBoundingClientRect();
-	return box.top < window.innerHeight && box.bottom >= 0;
+    const box = el.getBoundingClientRect();
+    return box.top < window.innerHeight && box.bottom >= 0;
 }
-
-var parallaxes = [];
+let parallaxes = [];
 function cache() {
-	parallaxes = document.querySelectorAll('.js-parallax');
+    parallaxes = document.querySelectorAll('.js-parallax');
 }
-
 cache();
-
-window.addEventListener('scroll', function () {
-	[].forEach.call(parallaxes, function (parallax) {
-		if (parallax.classList.contains('animate')) {
-			return;
-		}
-
-		var visible = isInView(parallax);
-		if (visible) {
-			parallax.classList.add('animate');
-		}
-	});
-});
+window.addEventListener('scroll', ()=>{
+    [].forEach.call(parallaxes, (parallax)=>{
+        if (parallax.classList.contains('animate')) {
+            return;
+        }
+        const visible = isInView(parallax);
+        if (visible) {
+            parallax.classList.add('animate');
+        }
+    });
+});

package/dist/assets/js/queryToObj.js

@@ -1,25 +1,19 @@
-'use strict';
-
+/** Parse query string to object */ "use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return queryToObj;
+    }
 });
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { 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"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-exports.default = queryToObj;
-/** Parse query string to object */
 function queryToObj(query) {
-	var obj = {};
-	var pairs = query.split('&');
-
-	pairs.forEach(function (pair) {
-		var _pair$split = pair.split('='),
-		    _pair$split2 = _slicedToArray(_pair$split, 2),
-		    key = _pair$split2[0],
-		    value = _pair$split2[1];
-
-		obj[decodeURIComponent(key)] = decodeURIComponent(value || '');
-	});
-
-	return obj;
-}
+    const obj = {};
+    const pairs = query.split('&');
+    pairs.forEach((pair)=>{
+        const [key, value] = pair.split('=');
+        obj[decodeURIComponent(key)] = decodeURIComponent(value || '');
+    });
+    return obj;
+}

package/dist/assets/js/readSpeakerHandling.js

@@ -1,31 +1,29 @@
-'use strict';
-
-var _hasCookieConsent = require('../../assets/js/hasCookieConsent');
-
-var _hasCookieConsent2 = _interopRequireDefault(_hasCookieConsent);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var readspeakerMenuItem = document.querySelector('#readspeakerMenuItem div');
-var readspeakerBtn = document.querySelector('#readspeakerBtn');
-var consent = (0, _hasCookieConsent2.default)('C0003');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _hasCookieConsent = /*#__PURE__*/ _interop_require_default(require("../../assets/js/hasCookieConsent"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const readspeakerMenuItem = document.querySelector('#readspeakerMenuItem div');
+const readspeakerBtn = document.querySelector('#readspeakerBtn');
+let consent = (0, _hasCookieConsent.default)('C0003');
 function readSpeakerConsent() {
-	if (readspeakerBtn && !consent) {
-		readspeakerMenuItem.removeAttribute('id');
-		readspeakerMenuItem.removeAttribute('class');
-		readspeakerBtn.removeAttribute('role');
-		readspeakerBtn.removeAttribute('href');
-		readspeakerBtn.setAttribute('href', '/om-webbplatsen/lyssna-pa-webbplatsen/');
-	}
+    if (readspeakerBtn && !consent) {
+        readspeakerMenuItem.removeAttribute('id');
+        readspeakerMenuItem.removeAttribute('class');
+        readspeakerBtn.removeAttribute('role');
+        readspeakerBtn.removeAttribute('href');
+        readspeakerBtn.setAttribute('href', '/om-webbplatsen/lyssna-pa-webbplatsen/');
+    }
 }
-
-window.addEventListener('consent.onetrust', function (e) {
-	consent = e.detail.includes('C0003');
-
-	if (!consent) {
-		readSpeakerConsent();
-	}
+window.addEventListener('consent.onetrust', (e)=>{
+    consent = e.detail.includes('C0003');
+    if (!consent) {
+        readSpeakerConsent();
+    }
 });
-
-readSpeakerConsent();
+readSpeakerConsent();

package/dist/assets/js/request.js

@@ -1,54 +1,45 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-exports.default = request;
-
-var _objToQuery = require('./objToQuery');
-
-var _objToQuery2 = _interopRequireDefault(_objToQuery);
-
-var _RequestError = require('./RequestError');
-
-var _RequestError2 = _interopRequireDefault(_RequestError);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function request(endpoint) {
-	var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-	var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'POST';
-
-	var url = endpoint;
-	var query = data ? (0, _objToQuery2.default)(data) : null;
-	var headers = {
-		'Content-Type': 'application/x-www-form-urlencoded'
-	};
-
-	if ('wpApiSettings' in window) {
-		headers['X-WP-Nonce'] = window.wpApiSettings.nonce;
-	}
-
-	if (method === 'GET' && query) {
-		if (url.indexOf('?') > -1) {
-			url += query;
-		} else {
-			url += '?' + query;
-		}
-	}
-
-	return fetch(url, {
-		method: method,
-		credentials: 'same-origin',
-		body: method !== 'GET' ? query : null,
-		headers: headers
-	}).then(function (r) {
-		return r.json().then(function (json) {
-			if (r.status > 299) {
-				throw new _RequestError2.default(r.statusText, json, r.status);
-			}
-
-			return json;
-		});
-	});
-}
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return request;
+    }
+});
+const _objToQuery = /*#__PURE__*/ _interop_require_default(require("./objToQuery"));
+const _RequestError = /*#__PURE__*/ _interop_require_default(require("./RequestError"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function request(endpoint, data = null, method = 'POST') {
+    let url = endpoint;
+    const query = data ? (0, _objToQuery.default)(data) : null;
+    const headers = {
+        'Content-Type': 'application/x-www-form-urlencoded'
+    };
+    if ('wpApiSettings' in window) {
+        headers['X-WP-Nonce'] = window.wpApiSettings.nonce;
+    }
+    if (method === 'GET' && query) {
+        if (url.indexOf('?') > -1) {
+            url += query;
+        } else {
+            url += `?${query}`;
+        }
+    }
+    return fetch(url, {
+        method,
+        credentials: 'same-origin',
+        body: method !== 'GET' ? query : null,
+        headers
+    }).then((r)=>r.json().then((json)=>{
+            if (r.status > 299) {
+                throw new _RequestError.default(r.statusText, json, r.status);
+            }
+            return json;
+        }));
+}