govuk_publishing_components 30.4.1 → 30.5.2

data/node_modules/axe-core/lib/core/utils/get-selector.js

@@ -1,409 +0,0 @@
-const escapeSelector = axe.utils.escapeSelector;
-let isXHTML;
-const ignoredAttributes = [
-	'class',
-	'style',
-	'id',
-	'selected',
-	'checked',
-	'disabled',
-	'tabindex',
-	'aria-checked',
-	'aria-selected',
-	'aria-invalid',
-	'aria-activedescendant',
-	'aria-busy',
-	'aria-disabled',
-	'aria-expanded',
-	'aria-grabbed',
-	'aria-pressed',
-	'aria-valuenow'
-];
-const MAXATTRIBUTELENGTH = 31;
-
-/**
- * get the attribute name and value as a string
- * @param {Element} node		The element that has the attribute
- * @param {Attribute} at		The attribute
- * @return {String}
- */
-function getAttributeNameValue(node, at) {
-	const name = at.name;
-	let atnv;
-
-	if (name.indexOf('href') !== -1 || name.indexOf('src') !== -1) {
-		let friendly = axe.utils.getFriendlyUriEnd(node.getAttribute(name));
-		if (friendly) {
-			let value = encodeURI(friendly);
-			if (value) {
-				atnv = escapeSelector(at.name) + '$="' + escapeSelector(value) + '"';
-			} else {
-				return;
-			}
-		} else {
-			atnv =
-				escapeSelector(at.name) +
-				'="' +
-				escapeSelector(node.getAttribute(name)) +
-				'"';
-		}
-	} else {
-		atnv = escapeSelector(name) + '="' + escapeSelector(at.value) + '"';
-	}
-	return atnv;
-}
-
-function countSort(a, b) {
-	return a.count < b.count ? -1 : a.count === b.count ? 0 : 1;
-}
-
-/**
- * Filter the attributes
- * @param {Attribute}		The potential attribute
- * @return {Boolean}		 Whether to include or exclude
- */
-function filterAttributes(at) {
-	return (
-		!ignoredAttributes.includes(at.name) &&
-		at.name.indexOf(':') === -1 &&
-		(!at.value || at.value.length < MAXATTRIBUTELENGTH)
-	);
-}
-
-/**
- * Calculate the statistics for the classes, attributes and tags on the page, using
- * the virtual DOM tree
- * @param {Object} domTree		The root node of the virtual DOM tree
- * @returns {Object}					The statistics consisting of three maps, one for classes,
- *														one for tags and one for attributes. The map values are
- *														the counts for how many elements with that feature exist
- */
-axe.utils.getSelectorData = function(domTree) {
-	/* eslint no-loop-func:0*/
-
-	// Initialize the return structure with the three maps
-	let data = {
-		classes: {},
-		tags: {},
-		attributes: {}
-	};
-
-	domTree = Array.isArray(domTree) ? domTree : [domTree];
-	let currentLevel = domTree.slice();
-	let stack = [];
-	while (currentLevel.length) {
-		let current = currentLevel.pop();
-		let node = current.actualNode;
-
-		if (!!node.querySelectorAll) {
-			// ignore #text nodes
-
-			// count the tag
-			let tag = node.nodeName;
-			if (data.tags[tag]) {
-				data.tags[tag]++;
-			} else {
-				data.tags[tag] = 1;
-			}
-
-			// count all the classes
-			if (node.classList) {
-				Array.from(node.classList).forEach(cl => {
-					const ind = escapeSelector(cl);
-					if (data.classes[ind]) {
-						data.classes[ind]++;
-					} else {
-						data.classes[ind] = 1;
-					}
-				});
-			}
-
-			// count all the filtered attributes
-			if (node.hasAttributes()) {
-				Array.from(axe.utils.getNodeAttributes(node))
-					.filter(filterAttributes)
-					.forEach(at => {
-						let atnv = getAttributeNameValue(node, at);
-						if (atnv) {
-							if (data.attributes[atnv]) {
-								data.attributes[atnv]++;
-							} else {
-								data.attributes[atnv] = 1;
-							}
-						}
-					});
-			}
-		}
-		if (current.children.length) {
-			// "recurse"
-			stack.push(currentLevel);
-			currentLevel = current.children.slice();
-		}
-		while (!currentLevel.length && stack.length) {
-			currentLevel = stack.pop();
-		}
-	}
-	return data;
-};
-
-/**
- * Given a node and the statistics on class frequency on the page,
- * return all its uncommon class data sorted in order of decreasing uniqueness
- * @param {Element} node			The node
- * @param {Object} classData	The map of classes to counts
- * @return {Array}						The sorted array of uncommon class data
- */
-function uncommonClasses(node, selectorData) {
-	// eslint no-loop-func:false
-	let retVal = [];
-	let classData = selectorData.classes;
-	let tagData = selectorData.tags;
-
-	if (node.classList) {
-		Array.from(node.classList).forEach(cl => {
-			let ind = escapeSelector(cl);
-			if (classData[ind] < tagData[node.nodeName]) {
-				retVal.push({
-					name: ind,
-					count: classData[ind],
-					species: 'class'
-				});
-			}
-		});
-	}
-	return retVal.sort(countSort);
-}
-
-/**
- * Given an element and a selector that finds that element (but possibly other sibling elements)
- * return the :nth-child(n) pseudo selector that uniquely finds the node within its siblings
- * @param {Element} elm			 The Element
- * @param {String} selector	 The selector
- * @return {String}					 The nth-child selector
- */
-function getNthChildString(elm, selector) {
-	const siblings =
-		(elm.parentNode && Array.from(elm.parentNode.children || '')) || [];
-	const hasMatchingSiblings = siblings.find(
-		sibling => sibling !== elm && axe.utils.matchesSelector(sibling, selector)
-	);
-	if (hasMatchingSiblings) {
-		const nthChild = 1 + siblings.indexOf(elm);
-		return ':nth-child(' + nthChild + ')';
-	} else {
-		return '';
-	}
-}
-
-/**
- * Get ID selector
- */
-function getElmId(elm) {
-	if (!elm.getAttribute('id')) {
-		return;
-	}
-	let doc = (elm.getRootNode && elm.getRootNode()) || document;
-	const id = '#' + escapeSelector(elm.getAttribute('id') || '');
-	if (
-		// Don't include youtube's uid values, they change	on reload
-		!id.match(/player_uid_/) &&
-		// Don't include IDs that occur more then once on the page
-		doc.querySelectorAll(id).length === 1
-	) {
-		return id;
-	}
-}
-
-/**
- * Return the base CSS selector for a given element
- * @param	{HTMLElement} elm				 The element to get the selector for
- * @return {String|Array<String>}	Base CSS selector for the node
- */
-function getBaseSelector(elm) {
-	if (typeof isXHTML === 'undefined') {
-		isXHTML = axe.utils.isXHTML(document);
-	}
-	return escapeSelector(isXHTML ? elm.localName : elm.nodeName.toLowerCase());
-}
-
-/**
- * Given a node and the statistics on attribute frequency on the page,
- * return all its uncommon attribute data sorted in order of decreasing uniqueness
- * @param {Element} node			The node
- * @param {Object} attData		The map of attributes to counts
- * @return {Array}						The sorted array of uncommon attribute data
- */
-function uncommonAttributes(node, selectorData) {
-	let retVal = [];
-	let attData = selectorData.attributes;
-	let tagData = selectorData.tags;
-
-	if (node.hasAttributes()) {
-		Array.from(axe.utils.getNodeAttributes(node))
-			.filter(filterAttributes)
-			.forEach(at => {
-				const atnv = getAttributeNameValue(node, at);
-
-				if (atnv && attData[atnv] < tagData[node.nodeName]) {
-					retVal.push({
-						name: atnv,
-						count: attData[atnv],
-						species: 'attribute'
-					});
-				}
-			});
-	}
-	return retVal.sort(countSort);
-}
-
-/**
- * generates a selector fragment for an element based on the statistics of the page in
- * which the element exists. This function takes into account the fact that selectors that
- * use classes and tags are much faster than universal selectors. It also tries to use a
- * unique class selector before a unique attribute selector (with the tag), followed by
- * a selector made up of the three least common features statistically. A feature will
- * also only be used if it is less common than the tag of the element itself.
- *
- * @param {Element} elm			The element for which to generate a selector
- * @param {Object} options	 Options for how to generate the selector
- * @param {RootNode} doc		 The root node of the document or document fragment
- * @returns {String}				 The selector
- */
-
-function getThreeLeastCommonFeatures(elm, selectorData) {
-	let selector = '';
-	let features;
-	let clss = uncommonClasses(elm, selectorData);
-	let atts = uncommonAttributes(elm, selectorData);
-
-	if (clss.length && clss[0].count === 1) {
-		// only use the unique class
-		features = [clss[0]];
-	} else if (atts.length && atts[0].count === 1) {
-		// only use the unique attribute value
-		features = [atts[0]];
-		// if no class, add the tag
-		selector = getBaseSelector(elm);
-	} else {
-		features = clss.concat(atts);
-		// sort by least common
-		features.sort(countSort);
-
-		// select three least common features
-		features = features.slice(0, 3);
-
-		// if no class, add the tag
-		if (
-			!features.some(feat => {
-				return feat.species === 'class';
-			})
-		) {
-			// has no class
-			selector = getBaseSelector(elm);
-		} else {
-			// put the classes at the front of the selector
-			features.sort((a, b) => {
-				return a.species !== b.species && a.species === 'class'
-					? -1
-					: a.species === b.species
-					? 0
-					: 1;
-			});
-		}
-	}
-
-	// construct the return value
-	return (selector += features.reduce((val, feat) => {
-		/*eslint indent: 0*/
-		switch (feat.species) {
-			case 'class':
-				return val + '.' + feat.name;
-			case 'attribute':
-				return val + '[' + feat.name + ']';
-		}
-		return val; // should never happen
-	}, ''));
-}
-
-/**
- * generates a single selector for an element
- * @param {Element} elm			The element for which to generate a selector
- * @param {Object} options	 Options for how to generate the selector
- * @param {RootNode} doc		 The root node of the document or document fragment
- * @returns {String}				 The selector
- */
-
-function generateSelector(elm, options, doc) {
-	/*eslint no-loop-func:0*/
-	if (!axe._selectorData) {
-		throw new Error('Expect axe._selectorData to be set up');
-	}
-	const { toRoot = false } = options;
-	let selector;
-	let similar;
-
-	/**
-	 * Try to find a unique selector by filtering out all the clashing
-	 * nodes by adding ancestor selectors iteratively.
-	 * This loop is much faster than recursing and using querySelectorAll
-	 */
-	do {
-		let features = getElmId(elm);
-		if (!features) {
-			features = getThreeLeastCommonFeatures(elm, axe._selectorData);
-			features += getNthChildString(elm, features);
-		}
-		if (selector) {
-			selector = features + ' > ' + selector;
-		} else {
-			selector = features;
-		}
-		if (!similar) {
-			similar = Array.from(doc.querySelectorAll(selector));
-		} else {
-			similar = similar.filter(item => {
-				return axe.utils.matchesSelector(item, selector);
-			});
-		}
-		elm = elm.parentElement;
-	} while ((similar.length > 1 || toRoot) && elm && elm.nodeType !== 11);
-
-	if (similar.length === 1) {
-		return selector;
-	} else if (selector.indexOf(' > ') !== -1) {
-		// For the odd case that document doesn't have a unique selector
-		return ':root' + selector.substring(selector.indexOf(' > '));
-	}
-	return ':root';
-}
-
-/**
- * Gets a unique CSS selector
- * @param {HTMLElement} node The element to get the selector for
- * @param {Object} optional options
- * @returns {String|Array<String>} Unique CSS selector for the node
- */
-axe.utils.getSelector = function createUniqueSelector(elm, options = {}) {
-	if (!elm) {
-		return '';
-	}
-	let doc = (elm.getRootNode && elm.getRootNode()) || document;
-	if (doc.nodeType === 11) {
-		// DOCUMENT_FRAGMENT
-		let stack = [];
-		while (doc.nodeType === 11) {
-			if (!doc.host) {
-				return '';
-			}
-			stack.push({ elm: elm, doc: doc });
-			elm = doc.host;
-			doc = elm.getRootNode();
-		}
-		stack.push({ elm: elm, doc: doc });
-		return stack.reverse().map(comp => {
-			return generateSelector(comp.elm, options, comp.doc);
-		});
-	} else {
-		return generateSelector(elm, options, doc);
-	}
-};

data/node_modules/axe-core/lib/core/utils/get-stylesheet-factory.js

@@ -1,51 +0,0 @@
-/**
- * Function which converts given text to `CSSStyleSheet`
- * - used in `CSSOM` computation.
- * - factory (closure) function, initialized with `document.implementation.createHTMLDocument()`, which uses DOM API for creating `style` elements.
- *
- * @method axe.utils.getStyleSheetFactory
- * @memberof axe.utils
- * @param {Object} dynamicDoc `document.implementation.createHTMLDocument()
- * @param {Object} options an object with properties to construct stylesheet
- * @property {String} options.data text content of the stylesheet
- * @property {Boolean} options.isCrossOrigin flag to notify if the resource was fetched from the network
- * @property {String} options.shadowId (Optional) shadowId if shadowDOM
- * @property {Object} options.root implementation document to create style elements
- * @property {String} options.priority a number indicating the loaded priority of CSS, to denote specificity of styles contained in the sheet.
- * @returns {Function}
- */
-axe.utils.getStyleSheetFactory = function getStyleSheetFactory(dynamicDoc) {
-	if (!dynamicDoc) {
-		throw new Error(
-			'axe.utils.getStyleSheetFactory should be invoked with an argument'
-		);
-	}
-
-	return options => {
-		const {
-			data,
-			isCrossOrigin = false,
-			shadowId,
-			root,
-			priority,
-			isLink = false
-		} = options;
-		const style = dynamicDoc.createElement('style');
-		if (isLink) {
-			// as creating a stylesheet as link will need to be awaited
-			// till `onload`, it is wise to convert link href to @import statement
-			const text = dynamicDoc.createTextNode(`@import "${data.href}"`);
-			style.appendChild(text);
-		} else {
-			style.appendChild(dynamicDoc.createTextNode(data));
-		}
-		dynamicDoc.head.appendChild(style);
-		return {
-			sheet: style.sheet,
-			isCrossOrigin,
-			shadowId,
-			root,
-			priority
-		};
-	};
-};

data/node_modules/axe-core/lib/core/utils/get-xpath.js

@@ -1,83 +0,0 @@
-/*global axe */
-
-function getXPathArray(node, path) {
-	var sibling, count;
-	// Gets an XPath for an element which describes its hierarchical location.
-	if (!node) {
-		return [];
-	}
-	if (!path && node.nodeType === 9) {
-		// special case for when we are called and give the document itself as the starting node
-		path = [
-			{
-				str: 'html'
-			}
-		];
-		return path;
-	}
-	path = path || [];
-	if (node.parentNode && node.parentNode !== node) {
-		path = getXPathArray(node.parentNode, path);
-	}
-
-	if (node.previousSibling) {
-		count = 1;
-		sibling = node.previousSibling;
-		do {
-			if (sibling.nodeType === 1 && sibling.nodeName === node.nodeName) {
-				count++;
-			}
-			sibling = sibling.previousSibling;
-		} while (sibling);
-		if (count === 1) {
-			count = null;
-		}
-	} else if (node.nextSibling) {
-		sibling = node.nextSibling;
-		do {
-			if (sibling.nodeType === 1 && sibling.nodeName === node.nodeName) {
-				count = 1;
-				sibling = null;
-			} else {
-				count = null;
-				sibling = sibling.previousSibling;
-			}
-		} while (sibling);
-	}
-
-	if (node.nodeType === 1) {
-		var element = {};
-		element.str = node.nodeName.toLowerCase();
-		// add the id and the count so we can construct robust versions of the xpath
-		var id =
-			node.getAttribute && axe.utils.escapeSelector(node.getAttribute('id'));
-		if (id && node.ownerDocument.querySelectorAll('#' + id).length === 1) {
-			element.id = node.getAttribute('id');
-		}
-		if (count > 1) {
-			element.count = count;
-		}
-		path.push(element);
-	}
-	return path;
-}
-
-// Robust is intended to allow xpaths to be robust to changes in the HTML structure of the page
-// This means always use the id when present
-// Non robust means always use the count (i.e. the exact position of the element)
-// Ironically this is a bit of a misnomer because in very, very dynamic pages (e.g. where ids are generated on the fly)
-// the non-ribust Xpaths will work whereas the robust ones will not work
-function xpathToString(xpathArray) {
-	return xpathArray.reduce((str, elm) => {
-		if (elm.id) {
-			return `/${elm.str}[@id='${elm.id}']`;
-		} else {
-			return str + `/${elm.str}` + (elm.count > 0 ? `[${elm.count}]` : '');
-		}
-	}, '');
-}
-
-axe.utils.getXpath = function getXpath(node) {
-	var xpathArray = getXPathArray(node);
-	return xpathToString(xpathArray);
-};

data/node_modules/axe-core/lib/core/utils/index.js

@@ -1,10 +0,0 @@
-/*eslint no-unused-vars: 0*/
-/* exported utils */
-
-/**
- * Namespace for utility helper methods.
- * @namespace utils
- * @memberof axe
- */
-
-var utils = (axe.utils = {});

data/node_modules/axe-core/lib/core/utils/inject-style.js

@@ -1,38 +0,0 @@
-/*exported injectStyle */
-/*global axe*/
-
-var styleSheet;
-function injectStyle(style) {
-	'use strict';
-
-	if (styleSheet && styleSheet.parentNode) {
-		// append the style to the existing sheet
-		if (styleSheet.styleSheet === undefined) {
-			// Not old IE
-			styleSheet.appendChild(document.createTextNode(style));
-		} else {
-			styleSheet.styleSheet.cssText += style;
-		}
-		return styleSheet;
-	}
-	if (!style) {
-		return;
-	}
-
-	var head = document.head || document.getElementsByTagName('head')[0];
-	styleSheet = document.createElement('style');
-	styleSheet.type = 'text/css';
-
-	if (styleSheet.styleSheet === undefined) {
-		// Not old IE
-		styleSheet.appendChild(document.createTextNode(style));
-	} else {
-		styleSheet.styleSheet.cssText = style;
-	}
-
-	head.appendChild(styleSheet);
-
-	return styleSheet;
-}
-
-axe.utils.injectStyle = injectStyle;

data/node_modules/axe-core/lib/core/utils/is-hidden.js

@@ -1,52 +0,0 @@
-/**
- * Determine whether an element is visible
- * @method isHidden
- * @memberof axe.utils
- * @param {HTMLElement} el The HTMLElement
- * @param {Boolean} recursed
- * @return {Boolean} The element's visibilty status
- */
-axe.utils.isHidden = function isHidden(el, recursed) {
-	'use strict';
-	const node = axe.utils.getNodeFromTree(el);
-
-	// 9 === Node.DOCUMENT
-	if (el.nodeType === 9) {
-		return false;
-	}
-
-	// 11 === Node.DOCUMENT_FRAGMENT_NODE
-	if (el.nodeType === 11) {
-		el = el.host; // grab the host Node
-	}
-
-	if (node && node._isHidden !== null) {
-		return node._isHidden;
-	}
-
-	const style = window.getComputedStyle(el, null);
-
-	if (
-		!style ||
-		!el.parentNode ||
-		style.getPropertyValue('display') === 'none' ||
-		(!recursed &&
-			// visibility is only accurate on the first element
-			style.getPropertyValue('visibility') === 'hidden') ||
-		el.getAttribute('aria-hidden') === 'true'
-	) {
-		return true;
-	}
-
-	const parent = el.assignedSlot ? el.assignedSlot : el.parentNode;
-	const isHidden = axe.utils.isHidden(parent, true);
-
-	// cache the results of the isHidden check on the parent tree
-	// so we don't have to look at the parent tree again for all its
-	// descendants
-	if (node) {
-		node._isHidden = isHidden;
-	}
-
-	return isHidden;
-};