@internetstiftelsen/styleguide 5.0.19 → 5.1.1

package/dist/assets/js/conditional.js

@@ -1,166 +1,110 @@
-'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 selectStore = {};
-
+"use strict";
+const selectStore = {};
 function effectChain(element, value) {
-	var options = element.querySelectorAll('option[data-if-chain]');
-	var oldValue = element.value;
-
-	if (!(element.name in selectStore)) {
-		// First time, cache options
-		selectStore[element.name] = [];
-
-		[].forEach.call(options, function (el) {
-			selectStore[element.name].push(el.cloneNode(true));
-		});
-	}
-
-	[].forEach.call(options, function (el) {
-		if (element.value === el.value) {
-			element.value = '';
-		}
-
-		element.removeChild(el);
-	});
-
-	if (!value) {
-		return;
-	}
-
-	var cached = selectStore[element.name];
-
-	if (!cached.length) {
-		return;
-	}
-
-	var newOptions = cached.filter(function (el) {
-		return el.getAttribute('data-if-chain') === value;
-	});
-
-	if (newOptions.length) {
-		newOptions.forEach(function (el) {
-			return element.appendChild(el.cloneNode(true));
-		});
-	}
-
-	if (newOptions.length === 1) {
-		element.value = newOptions[0].value;
-	}
-
-	if (oldValue !== element.value) {
-		element.dispatchEvent(new Event('change', { bubbles: true }));
-	}
+    const options = element.querySelectorAll('option[data-if-chain]');
+    const oldValue = element.value;
+    if (!(element.name in selectStore)) {
+        // First time, cache options
+        selectStore[element.name] = [];
+        [].forEach.call(options, (el)=>{
+            selectStore[element.name].push(el.cloneNode(true));
+        });
+    }
+    [].forEach.call(options, (el)=>{
+        if (element.value === el.value) {
+            element.value = '';
+        }
+        element.removeChild(el);
+    });
+    if (!value) {
+        return;
+    }
+    const cached = selectStore[element.name];
+    if (!cached.length) {
+        return;
+    }
+    const newOptions = cached.filter((el)=>el.getAttribute('data-if-chain') === value);
+    if (newOptions.length) {
+        newOptions.forEach((el)=>element.appendChild(el.cloneNode(true)));
+    }
+    if (newOptions.length === 1) {
+        element.value = newOptions[0].value;
+    }
+    if (oldValue !== element.value) {
+        element.dispatchEvent(new Event('change', {
+            bubbles: true
+        }));
+    }
 }
-
 function effectDisable(element, disable, value) {
-	element.disabled = disable;
-
-	if (!disable && element.tagName.toLowerCase() === 'select') {
-		effectChain(element, value);
-	}
+    element.disabled = disable;
+    if (!disable && element.tagName.toLowerCase() === 'select') {
+        effectChain(element, value);
+    }
 }
-
 function effectToggle(element, show) {
-	element.style.display = show ? null : 'none';
+    element.style.display = show ? null : 'none';
 }
-
 function effectText(element, value) {
-	if (!element.hasAttribute('data-if-default')) {
-		element.setAttribute('data-if-default', element.innerText);
-	}
-
-	var values = element.getAttribute('data-if-values').split('|');
-	var text = values.map(function (item) {
-		return item.split(':');
-	}).find(function (_ref) {
-		var _ref2 = _slicedToArray(_ref, 1),
-		    m = _ref2[0];
-
-		return m === value;
-	});
-
-	element.innerText = text ? text[1] : element.getAttribute('data-if-default');
+    if (!element.hasAttribute('data-if-default')) {
+        element.setAttribute('data-if-default', element.innerText);
+    }
+    const values = element.getAttribute('data-if-values').split('|');
+    const text = values.map((item)=>item.split(':')).find(([m])=>m === value);
+    element.innerText = text ? text[1] : element.getAttribute('data-if-default');
 }
-
 function update(element, value) {
-	var effect = element.getAttribute('data-if-effect') || 'toggle';
-	var values = element.getAttribute('data-if').split('|').map(function (match) {
-		return match.split(':')[1];
-	}).filter(function (v) {
-		return v;
-	});
-	var matches = values.some(function (match) {
-		return match === value || match.indexOf('!') === 0 && match.substring(1) !== value;
-	});
-	var conditionMet = !values.length && !!value || matches;
-
-	if (effect === 'disable') {
-		effectDisable(element, !conditionMet, value);
-	} else if (effect === 'toggle') {
-		effectToggle(element, conditionMet);
-	} else if (effect === 'text') {
-		effectText(element, value);
-	}
+    const effect = element.getAttribute('data-if-effect') || 'toggle';
+    const values = element.getAttribute('data-if').split('|').map((match)=>match.split(':')[1]).filter((v)=>v);
+    const matches = values.some((match)=>match === value || match.indexOf('!') === 0 && match.substring(1) !== value);
+    const conditionMet = !values.length && !!value || matches;
+    if (effect === 'disable') {
+        effectDisable(element, !conditionMet, value);
+    } else if (effect === 'toggle') {
+        effectToggle(element, conditionMet);
+    } else if (effect === 'text') {
+        effectText(element, value);
+    }
 }
-
 function init() {
-	var elements = document.querySelectorAll('[data-if]');
-
-	[].forEach.call(elements, function (element) {
-		var _element$getAttribute = element.getAttribute('data-if').split(':'),
-		    _element$getAttribute2 = _slicedToArray(_element$getAttribute, 1),
-		    name = _element$getAttribute2[0];
-
-		var form = element.closest('form');
-
-		if (!form) {
-			console.warn('Conditionals must be inside a form to avoid conflicts');
-			return;
-		}
-
-		var related = form.querySelector('[name="' + name + '"]');
-
-		if (related) {
-			var value = related.value;
-
-
-			if (['checkbox', 'radio'].includes(related.getAttribute('type'))) {
-				value = related.checked ? related.value : null;
-			}
-
-			update(element, value);
-		}
-	});
+    const elements = document.querySelectorAll('[data-if]');
+    [].forEach.call(elements, (element)=>{
+        const [name] = element.getAttribute('data-if').split(':');
+        const form = element.closest('form');
+        if (!form) {
+            console.warn('Conditionals must be inside a form to avoid conflicts');
+            return;
+        }
+        const related = form.querySelector(`[name="${name}"]`);
+        if (related) {
+            let { value } = related;
+            if ([
+                'checkbox',
+                'radio'
+            ].includes(related.getAttribute('type'))) {
+                value = related.checked ? related.value : null;
+            }
+            update(element, value);
+        }
+    });
 }
-
-function delegate(_ref3) {
-	var target = _ref3.target;
-	var name = target.name;
-
-
-	if (!name) {
-		return;
-	}
-
-	var elements = document.querySelectorAll('[data-if^="' + name + '"]');
-
-	if (!elements.length) {
-		return;
-	}
-
-	var value = target.value;
-
-
-	if (['checkbox', 'radio'].includes(target.getAttribute('type'))) {
-		value = target.checked ? target.value : null;
-	}
-
-	[].forEach.call(elements, function (element) {
-		return update(element, value);
-	});
+function delegate({ target }) {
+    const { name } = target;
+    if (!name) {
+        return;
+    }
+    const elements = document.querySelectorAll(`[data-if^="${name}"]`);
+    if (!elements.length) {
+        return;
+    }
+    let { value } = target;
+    if ([
+        'checkbox',
+        'radio'
+    ].includes(target.getAttribute('type'))) {
+        value = target.checked ? target.value : null;
+    }
+    [].forEach.call(elements, (element)=>update(element, value));
 }
-
 init();
-document.body.addEventListener('change', delegate);
+document.body.addEventListener('change', delegate);

package/dist/assets/js/debounce.js

@@ -1,26 +1,19 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
 });
-var debounce = function debounce(func) {
-	var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-	var inDebounce = void 0;
-
-	return function () {
-		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-			args[_key] = arguments[_key];
-		}
-
-		var context = undefined;
-		clearTimeout(inDebounce);
-		inDebounce = setTimeout(function () {
-			return func.apply(context, args);
-		}, delay);
-	};
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const debounce = (func, delay = [])=>{
+    let inDebounce;
+    return (...args)=>{
+        const context = void 0;
+        clearTimeout(inDebounce);
+        inDebounce = setTimeout(()=>func.apply(context, args), delay);
+    };
 };
-
-exports.default = function (func, delay) {
-	return debounce(func, delay);
-};
+const _default = (func, delay)=>debounce(func, delay);

package/dist/assets/js/el.js

@@ -1,163 +1,112 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-	value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 /**
  * Lightweight DOM sugar.
- */
-var Element = function () {
-	function Element(element) {
-		_classCallCheck(this, Element);
-
-		this.elements = typeof element === 'string' ? document.querySelectorAll(element) : [element];
-	}
-
-	_createClass(Element, [{
-		key: 'onElement',
-		value: function onElement(elements, callback) {
-			var _this = this;
-
-			if (!elements) {
-				return;
-			}
-
-			[].forEach.call(elements, function (element) {
-				if (Object.prototype.toString.call(element) === '[object Array]') {
-					_this.onElement(element, callback);
-				} else {
-					callback.call(_this, element);
-				}
-			});
-		}
-	}, {
-		key: 'addClass',
-		value: function addClass(className) {
-			this.onElement(this.elements, function (element) {
-				element.classList.add(className);
-			});
-
-			return this;
-		}
-	}, {
-		key: 'removeClass',
-		value: function removeClass(className) {
-			this.onElement(this.elements, function (element) {
-				element.classList.remove(className);
-			});
-
-			return this;
-		}
-	}, {
-		key: 'className',
-		value: function className(_className) {
-			this.onElement(this.elements, function (element) {
-				if (element.className !== _className) {
-					element.className = _className;
-				}
-			});
-
-			return this;
-		}
-	}, {
-		key: 'style',
-		value: function style(_style, value) {
-			this.onElement(this.elements, function (element) {
-				if (element.style[_style] !== value) {
-					element.style[_style] = value;
-				}
-			});
-
-			return this;
-		}
-	}, {
-		key: 'text',
-		value: function text(_text) {
-			this.onElement(this.elements, function (element) {
-				if (element.textContent !== _text) {
-					element.textContent = _text;
-				}
-			});
-
-			return this;
-		}
-	}, {
-		key: 'html',
-		value: function html(_html) {
-			this.onElement(this.elements, function (element) {
-				if (element.innerHTML !== _html) {
-					element.innerHTML = _html;
-				}
-			});
-
-			return this;
-		}
-	}, {
-		key: 'value',
-		value: function value(_value) {
-			this.onElement(this.elements, function (element) {
-				element.value = _value;
-			});
-
-			return this;
-		}
-	}, {
-		key: 'callback',
-		value: function callback(_callback) {
-			this.onElement(this.elements, _callback);
-
-			return this;
-		}
-	}, {
-		key: 'callbackRAF',
-		value: function callbackRAF(callback) {
-			var _this2 = this;
-
-			window.requestAnimationFrame(function () {
-				return _this2.callback(callback);
-			});
-		}
-	}, {
-		key: 'hide',
-		value: function hide() {
-			this.onElement(this.elements, function (element) {
-				element.style.display = 'none';
-			});
-
-			return this;
-		}
-	}, {
-		key: 'show',
-		value: function show() {
-			this.onElement(this.elements, function (element) {
-				element.style.display = '';
-			});
-
-			return this;
-		}
-	}, {
-		key: 'visible',
-		value: function visible(_visible) {
-			if (_visible) {
-				this.show();
-			} else {
-				this.hide();
-			}
-
-			return this;
-		}
-	}]);
-
-	return Element;
-}();
-
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+class Element {
+    onElement(elements, callback) {
+        if (!elements) {
+            return;
+        }
+        [].forEach.call(elements, (element)=>{
+            if (Object.prototype.toString.call(element) === '[object Array]') {
+                this.onElement(element, callback);
+            } else {
+                callback.call(this, element);
+            }
+        });
+    }
+    addClass(className) {
+        this.onElement(this.elements, (element)=>{
+            element.classList.add(className);
+        });
+        return this;
+    }
+    removeClass(className) {
+        this.onElement(this.elements, (element)=>{
+            element.classList.remove(className);
+        });
+        return this;
+    }
+    className(className) {
+        this.onElement(this.elements, (element)=>{
+            if (element.className !== className) {
+                element.className = className;
+            }
+        });
+        return this;
+    }
+    style(style, value) {
+        this.onElement(this.elements, (element)=>{
+            if (element.style[style] !== value) {
+                element.style[style] = value;
+            }
+        });
+        return this;
+    }
+    text(text) {
+        this.onElement(this.elements, (element)=>{
+            if (element.textContent !== text) {
+                element.textContent = text;
+            }
+        });
+        return this;
+    }
+    html(html) {
+        this.onElement(this.elements, (element)=>{
+            if (element.innerHTML !== html) {
+                element.innerHTML = html;
+            }
+        });
+        return this;
+    }
+    value(value) {
+        this.onElement(this.elements, (element)=>{
+            element.value = value;
+        });
+        return this;
+    }
+    callback(callback) {
+        this.onElement(this.elements, callback);
+        return this;
+    }
+    callbackRAF(callback) {
+        window.requestAnimationFrame(()=>this.callback(callback));
+    }
+    hide() {
+        this.onElement(this.elements, (element)=>{
+            element.style.display = 'none';
+        });
+        return this;
+    }
+    show() {
+        this.onElement(this.elements, (element)=>{
+            element.style.display = '';
+        });
+        return this;
+    }
+    visible(visible) {
+        if (visible) {
+            this.show();
+        } else {
+            this.hide();
+        }
+        return this;
+    }
+    constructor(element){
+        this.elements = typeof element === 'string' ? document.querySelectorAll(element) : [
+            element
+        ];
+    }
+}
 function el(element) {
-	return new Element(element);
+    return new Element(element);
 }
-
-exports.default = el;
+const _default = el;

package/dist/assets/js/getCookieByName.js

@@ -1,15 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-	value: true
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return getCookieByName;
+    }
 });
-exports.default = getCookieByName;
 function getCookieByName(name) {
-	var match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
-
-	if (match) {
-		return match[2];
-	}
-
-	return null;
-}
+    const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
+    if (match) {
+        return match[2];
+    }
+    return null;
+}