@internetstiftelsen/styleguide 5.0.18 → 5.1.0

package/dist/assets/js/responsivePosition.js

@@ -1,80 +1,52 @@
-'use strict';
-
-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 _throttle = require('lodash/throttle');
-
-var _throttle2 = _interopRequireDefault(_throttle);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var breakpoints = {
-	xs: 0,
-	smxs: 469,
-	sm: 576,
-	md: 769,
-	lg: 961,
-	xl: 1200,
-	xxl: 1400
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _throttle = /*#__PURE__*/ _interop_require_default(require("lodash/throttle"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const breakpoints = {
+    xs: 0,
+    smxs: 469,
+    sm: 576,
+    md: 769,
+    lg: 961,
+    xl: 1200,
+    xxl: 1400
 };
-
-var matchedBreakpoints = [];
-
+let matchedBreakpoints = [];
 function repositionElement(element) {
-	var positions = element.getAttribute('data-responsive').split(',');
-	var position = null;
-
-	positions.forEach(function (item) {
-		var _item$split = item.split(':'),
-		    _item$split2 = _slicedToArray(_item$split, 2),
-		    bp = _item$split2[0],
-		    id = _item$split2[1];
-
-		if (matchedBreakpoints.includes(bp)) {
-			position = id;
-		}
-	});
-
-	if (position === null) {
-		return;
-	}
-
-	var newParent = document.getElementById(position);
-
-	if (!newParent || element.parentNode === newParent) {
-		return;
-	}
-
-	newParent.appendChild(element);
+    const positions = element.getAttribute('data-responsive').split(',');
+    let position = null;
+    positions.forEach((item)=>{
+        const [bp, id] = item.split(':');
+        if (matchedBreakpoints.includes(bp)) {
+            position = id;
+        }
+    });
+    if (position === null) {
+        return;
+    }
+    const newParent = document.getElementById(position);
+    if (!newParent || element.parentNode === newParent) {
+        return;
+    }
+    newParent.appendChild(element);
 }
-
 function dispatch() {
-	var elements = document.querySelectorAll('[data-responsive]');
-
-	if (!elements.length) {
-		return;
-	}
-
-	var width = window.innerWidth;
-
-	matchedBreakpoints = Object.entries(breakpoints).filter(function (_ref) {
-		var _ref2 = _slicedToArray(_ref, 2),
-		    min = _ref2[1];
-
-		return width >= min;
-	}).map(function (_ref3) {
-		var _ref4 = _slicedToArray(_ref3, 1),
-		    bp = _ref4[0];
-
-		return bp;
-	});
-
-	if (matchedBreakpoints.length) {
-		[].forEach.call(elements, repositionElement);
-	}
+    const elements = document.querySelectorAll('[data-responsive]');
+    if (!elements.length) {
+        return;
+    }
+    const width = window.innerWidth;
+    matchedBreakpoints = Object.entries(breakpoints).filter(([, min])=>width >= min).map(([bp])=>bp);
+    if (matchedBreakpoints.length) {
+        [].forEach.call(elements, repositionElement);
+    }
 }
-
-var onResize = (0, _throttle2.default)(dispatch, 100);
-
+const onResize = (0, _throttle.default)(dispatch, 100);
 window.addEventListener('resize', onResize);
-dispatch();
+dispatch();

package/dist/assets/js/stringToNode.js

@@ -1,15 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
 /**
  * Creates a document fragment from a string of html content
  *
  * @param html
  * @returns {DocumentFragment}
- */
-exports.default = function (html) {
-  return document.createRange().createContextualFragment(html);
-};
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _default = (html)=>document.createRange().createContextualFragment(html);

package/dist/assets/js/template.js

@@ -1,23 +1,17 @@
-'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 = function (templateString) {
-	return function (substitutions) {
-		var html = templateString;
-
-		Object.entries(substitutions).forEach(function (_ref) {
-			var _ref2 = _slicedToArray(_ref, 2),
-			    key = _ref2[0],
-			    value = _ref2[1];
-
-			html = html.replace(new RegExp('{' + key + '}', 'g'), value);
-		});
-
-		return html;
-	};
-};
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _default = (templateString)=>(substitutions)=>{
+        let html = templateString;
+        Object.entries(substitutions).forEach(([key, value])=>{
+            html = html.replace(new RegExp(`{${key}}`, 'g'), value);
+        });
+        return html;
+    };

package/dist/assets/js/textToggle.js

@@ -1,27 +1,22 @@
-'use strict';
-
 // Usage: data-toggle-target="toggleButton" data-toggle-text="First|Second|Third"
+"use strict";
 function toggleTextOnClick(e) {
-	e.preventDefault();
-
-	var el = e.target;
-	var target = el.dataset.toggleTarget ? document.getElementById(el.dataset.toggleTarget) : el;
-	var i = parseInt(el.dataset.iteration || 0, 10);
-	var options = el.dataset.toggleText.split('|');
-	var nextIteration = i + 1 === options.length ? 0 : i + 1;
-	var ariaPressed = el.getAttribute('aria-pressed');
-
-	el.dataset.iteration = nextIteration;
-	target.innerText = options[nextIteration];
-
-	if (ariaPressed) {
-		el.setAttribute('aria-pressed', ariaPressed === 'true' ? 'false' : 'true');
-	}
+    e.preventDefault();
+    const el = e.target;
+    const target = el.dataset.toggleTarget ? document.getElementById(el.dataset.toggleTarget) : el;
+    const i = parseInt(el.dataset.iteration || 0, 10);
+    const options = el.dataset.toggleText.split('|');
+    const nextIteration = i + 1 === options.length ? 0 : i + 1;
+    const ariaPressed = el.getAttribute('aria-pressed');
+    el.dataset.iteration = nextIteration;
+    target.innerText = options[nextIteration];
+    if (ariaPressed) {
+        el.setAttribute('aria-pressed', ariaPressed === 'true' ? 'false' : 'true');
+    }
 }
-
-document.addEventListener('click', function (e) {
-	if (e.target.closest('[data-toggle-text]')) {
-		toggleTextOnClick(e);
-		return false;
-	}
-});
+document.addEventListener('click', (e)=>{
+    if (e.target.closest('[data-toggle-text]')) {
+        toggleTextOnClick(e);
+        return false;
+    }
+});

package/dist/assets/js/track.js

@@ -1,15 +1,17 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return track;
+    }
 });
-exports.default = track;
 function track(data) {
-
-	if (window._mtm) {
-
-		window._mtm.push(data);
-	} else {
-		console.log('Matomo not loaded', data);
-	}
-}
+    if (window._mtm) {
+        window._mtm.push(data);
+    } else {
+        console.log('Matomo not loaded', data);
+    }
+}

package/dist/assets/js/uid.js

@@ -1,9 +1,13 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return uid;
+    }
 });
-exports.default = uid;
 function uid() {
-	return (performance.now().toString(36) + Math.random().toString(36)).replace(/\./g, '');
-}
+    return (performance.now().toString(36) + Math.random().toString(36)).replace(/\./g, '');
+}

package/dist/assets/js/utmGenerator.js

@@ -1,40 +1,34 @@
-'use strict';
-
 // Show/hide target container when Radiobutton is selected
-var radioButtons = document.querySelectorAll('[data-toggle="radio"]');
-
+"use strict";
+const radioButtons = document.querySelectorAll('[data-toggle="radio"]');
 // Hide all target containers on page load
-radioButtons.forEach(function (radio) {
-	var targetId = radio.getAttribute('data-target');
-	var targetContainer = document.getElementById(targetId);
-	if (targetContainer) {
-		targetContainer.setAttribute('aria-hidden', 'true');
-	}
+radioButtons.forEach((radio)=>{
+    const targetId = radio.getAttribute('data-target');
+    const targetContainer = document.getElementById(targetId);
+    if (targetContainer) {
+        targetContainer.setAttribute('aria-hidden', 'true');
+    }
 });
-
 // Function to toggle visibility
 function toggleVisibility(event) {
-	// Hide all target containers
-	radioButtons.forEach(function (radio) {
-		var targetId = radio.getAttribute('data-target');
-		var targetContainer = document.getElementById(targetId);
-		if (targetContainer) {
-			targetContainer.setAttribute('aria-hidden', 'true');
-		}
-
-		// Update aria-expanded for all radio buttons
-		radio.setAttribute('aria-expanded', radio.checked ? 'true' : 'false');
-	});
-
-	// Show the selected target container
-	var selectedTargetId = event.target.getAttribute('data-target');
-	var selectedTargetContainer = document.getElementById(selectedTargetId);
-	if (selectedTargetContainer) {
-		selectedTargetContainer.setAttribute('aria-hidden', 'false');
-	}
+    // Hide all target containers
+    radioButtons.forEach((radio)=>{
+        const targetId = radio.getAttribute('data-target');
+        const targetContainer = document.getElementById(targetId);
+        if (targetContainer) {
+            targetContainer.setAttribute('aria-hidden', 'true');
+        }
+        // Update aria-expanded for all radio buttons
+        radio.setAttribute('aria-expanded', radio.checked ? 'true' : 'false');
+    });
+    // Show the selected target container
+    const selectedTargetId = event.target.getAttribute('data-target');
+    const selectedTargetContainer = document.getElementById(selectedTargetId);
+    if (selectedTargetContainer) {
+        selectedTargetContainer.setAttribute('aria-hidden', 'false');
+    }
 }
-
 // Add event listener to radio buttons
-radioButtons.forEach(function (radio) {
-	radio.addEventListener('change', toggleVisibility);
-});
+radioButtons.forEach((radio)=>{
+    radio.addEventListener('change', toggleVisibility);
+});

package/dist/assets/js/validationMessage.js

@@ -1,28 +1,21 @@
-'use strict';
-
+"use strict";
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return validationMessage;
+    }
 });
-
-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 = validationMessage;
 function validationMessage(message) {
-	var _message$split = message.split(':'),
-	    _message$split2 = _slicedToArray(_message$split, 2),
-	    rule = _message$split2[0],
-	    data = _message$split2[1];
-
-	if (!('Iis_Lang' in window)) {
-		return message;
-	}
-
-	var validation = window.Iis_Lang.validation;
-
-
-	if (rule in validation) {
-		return validation[rule].replace(new RegExp(':' + rule, 'g'), data);
-	}
-
-	return message;
-}
+    const [rule, data] = message.split(':');
+    if (!('Iis_Lang' in window)) {
+        return message;
+    }
+    const { validation } = window.Iis_Lang;
+    if (rule in validation) {
+        return validation[rule].replace(new RegExp(`:${rule}`, 'g'), data);
+    }
+    return message;
+}