govuk_publishing_components 30.4.1 → 30.5.0

data/node_modules/axe-core/lib/commons/dom/is-skip-link.js

@@ -1,45 +0,0 @@
-/* global dom */
-
-// test for hrefs that start with # or /# (for angular)
-const isInternalLinkRegex = /^\/?#[^/!]/;
-
-/**
- * Determines if element is a skip link
- * @method isSkipLink
- * @memberof axe.commons.dom
- * @instance
- * @param  {Element} element
- * @return {Boolean}
- */
-dom.isSkipLink = function(element) {
-	if (!isInternalLinkRegex.test(element.getAttribute('href'))) {
-		return false;
-	}
-
-	let firstPageLink;
-	if (typeof axe._cache.get('firstPageLink') !== 'undefined') {
-		firstPageLink = axe._cache.get('firstPageLink');
-	} else {
-		// define a skip link as any anchor element whose href starts with `#...`
-		// and which precedes the first anchor element whose href doesn't start
-		// with  `#...` (that is, a link to a page)
-		firstPageLink = axe.utils.querySelectorAll(
-			axe._tree,
-			'a:not([href^="#"]):not([href^="/#"]):not([href^="javascript"])'
-		)[0];
-
-		// null will signify no first page link
-		axe._cache.set('firstPageLink', firstPageLink || null);
-	}
-
-	// if there are no page links then all all links will need to be
-	// considered as skip links
-	if (!firstPageLink) {
-		return true;
-	}
-
-	return (
-		element.compareDocumentPosition(firstPageLink.actualNode) ===
-		element.DOCUMENT_POSITION_FOLLOWING
-	);
-};

data/node_modules/axe-core/lib/commons/dom/is-visible.js

@@ -1,176 +0,0 @@
-/* global dom */
-const clipRegex = /rect\s*\(([0-9]+)px,?\s*([0-9]+)px,?\s*([0-9]+)px,?\s*([0-9]+)px\s*\)/;
-const clipPathRegex = /(\w+)\((\d+)/;
-
-/**
- * Determines if an element is hidden with a clip or clip-path technique
- * @method isClipped
- * @memberof axe.commons.dom
- * @private
- * @param  {CSSStyleDeclaration} style Computed style
- * @return {Boolean}
- */
-function isClipped(style) {
-	'use strict';
-
-	const matchesClip = style.getPropertyValue('clip').match(clipRegex);
-	const matchesClipPath = style
-		.getPropertyValue('clip-path')
-		.match(clipPathRegex);
-	if (matchesClip && matchesClip.length === 5) {
-		return (
-			matchesClip[3] - matchesClip[1] <= 0 &&
-			matchesClip[2] - matchesClip[4] <= 0
-		);
-	}
-	if (matchesClipPath) {
-		const type = matchesClipPath[1];
-		const value = parseInt(matchesClipPath[2], 10);
-
-		switch (type) {
-			case 'inset':
-				return value >= 50;
-			case 'circle':
-				return value === 0;
-			default:
-		}
-	}
-
-	return false;
-}
-
-/**
- * Check `AREA` element is visible
- * - validate if it is a child of `map`
- * - ensure `map` is referred by `img` using the `usemap` attribute
- * @param {Element} areaEl `AREA` element
- * @retruns {Boolean}
- */
-function isAreaVisible(el, screenReader, recursed) {
-	/**
-	 * Note:
-	 * - Verified that `map` element cannot refer to `area` elements across different document trees
-	 * - Verified that `map` element does not get affected by altering `display` property
-	 */
-	const mapEl = dom.findUp(el, 'map');
-	if (!mapEl) {
-		return false;
-	}
-
-	const mapElName = mapEl.getAttribute('name');
-	if (!mapElName) {
-		return false;
-	}
-
-	/**
-	 * `map` element has to be in light DOM
-	 */
-	const mapElRootNode = dom.getRootNode(el);
-	if (!mapElRootNode || mapElRootNode.nodeType !== 9) {
-		return false;
-	}
-
-	const refs = axe.utils.querySelectorAll(
-		axe._tree,
-		`img[usemap="#${axe.utils.escapeSelector(mapElName)}"]`
-	);
-	if (!refs || !refs.length) {
-		return false;
-	}
-
-	return refs.some(({ actualNode }) =>
-		dom.isVisible(actualNode, screenReader, recursed)
-	);
-}
-
-/**
- * Determine whether an element is visible
- * @method isVisible
- * @memberof axe.commons.dom
- * @instance
- * @param {HTMLElement} el The HTMLElement
- * @param {Boolean} screenReader When provided, will evaluate visibility from the perspective of a screen reader
- * @param {Boolean} recursed
- * @return {Boolean} The element's visibilty status
- */
-dom.isVisible = function(el, screenReader, recursed) {
-	'use strict';
-	const node = axe.utils.getNodeFromTree(el);
-	const cacheName = '_isVisible' + (screenReader ? 'ScreenReader' : '');
-
-	// 9 === Node.DOCUMENT
-	if (el.nodeType === 9) {
-		return true;
-	}
-
-	// 11 === Node.DOCUMENT_FRAGMENT_NODE
-	if (el.nodeType === 11) {
-		el = el.host; // grab the host Node
-	}
-
-	if (node && typeof node[cacheName] !== 'undefined') {
-		return node[cacheName];
-	}
-
-	const style = window.getComputedStyle(el, null);
-	if (style === null) {
-		return false;
-	}
-
-	const nodeName = el.nodeName.toUpperCase();
-	/**
-	 * check visibility of `AREA`		 * check visibility of `AREA`
-	 * Note:
-	 * Firefox's user-agent always sets `AREA` element to `display:none`
-	 * hence excluding the edge case, for visibility computation
-	 */
-	if (nodeName === 'AREA') {
-		return isAreaVisible(el, screenReader, recursed);
-	}
-
-	// always hidden
-	if (
-		style.getPropertyValue('display') === 'none' ||
-		['STYLE', 'SCRIPT', 'NOSCRIPT', 'TEMPLATE'].includes(nodeName)
-	) {
-		return false;
-	}
-
-	// hidden from screen readers
-	if (screenReader && el.getAttribute('aria-hidden') === 'true') {
-		return false;
-	}
-
-	// hidden from visual users
-	if (
-		!screenReader &&
-		(isClipped(style) ||
-			style.getPropertyValue('opacity') === '0' ||
-			(axe.utils.getScroll(el) &&
-				parseInt(style.getPropertyValue('height')) === 0))
-	) {
-		return false;
-	}
-
-	// visibility is only accurate on the first element and
-	// position does not matter if it was already calculated
-	if (
-		!recursed &&
-		(style.getPropertyValue('visibility') === 'hidden' ||
-			(!screenReader && axe.commons.dom.isOffscreen(el)))
-	) {
-		return false;
-	}
-
-	const parent = el.assignedSlot ? el.assignedSlot : el.parentNode;
-	let isVisible = false;
-	if (parent) {
-		isVisible = dom.isVisible(parent, screenReader, true);
-	}
-
-	if (node) {
-		node[cacheName] = isVisible;
-	}
-
-	return isVisible;
-};

data/node_modules/axe-core/lib/commons/dom/is-visual-content.js

@@ -1,49 +0,0 @@
-/*global dom */
-
-const visualRoles = [
-	'checkbox',
-	'img',
-	'radio',
-	'range',
-	'slider',
-	'spinbutton',
-	'textbox'
-];
-
-/**
- * Check if an element is an inherently visual element
- * @method isVisualContent
- * @memberof axe.commons.dom
- * @instance
- * @param  {Element} element The element to check
- * @return {Boolean}
- */
-dom.isVisualContent = function(element) {
-	/*eslint indent: 0*/
-	const role = element.getAttribute('role');
-	if (role) {
-		return visualRoles.indexOf(role) !== -1;
-	}
-
-	switch (element.nodeName.toUpperCase()) {
-		case 'IMG':
-		case 'IFRAME':
-		case 'OBJECT':
-		case 'VIDEO':
-		case 'AUDIO':
-		case 'CANVAS':
-		case 'SVG':
-		case 'MATH':
-		case 'BUTTON':
-		case 'SELECT':
-		case 'TEXTAREA':
-		case 'KEYGEN':
-		case 'PROGRESS':
-		case 'METER':
-			return true;
-		case 'INPUT':
-			return element.type !== 'hidden';
-		default:
-			return false;
-	}
-};

data/node_modules/axe-core/lib/commons/dom/shadow-elements-from-point.js

@@ -1,42 +0,0 @@
-/* global axe, dom */
-/**
- * Get elements from point across shadow dom boundaries
- * @method shadowElementsFromPoint
- * @memberof axe.commons.dom
- * @instance
- * @param {Number} nodeX X coordinates of point
- * @param {Number} nodeY Y coordinates of point
- * @param {Object} [root] Shadow root or document root
- * @return {Array}
- */
-dom.shadowElementsFromPoint = function(nodeX, nodeY, root = document, i = 0) {
-	if (i > 999) {
-		throw new Error('Infinite loop detected');
-	}
-	return (
-		// IE can return null when there are no elements
-		Array.from(root.elementsFromPoint(nodeX, nodeY) || [])
-			// As of Chrome 66, elementFromPoint will return elements from parent trees.
-			// We only want to touch each tree once, so we're filtering out nodes on other trees.
-			.filter(nodes => dom.getRootNode(nodes) === root)
-			.reduce((stack, elm) => {
-				if (axe.utils.isShadowRoot(elm)) {
-					const shadowStack = dom.shadowElementsFromPoint(
-						nodeX,
-						nodeY,
-						elm.shadowRoot,
-						i + 1
-					);
-					stack = stack.concat(shadowStack);
-					// filter host nodes which get included regardless of overlap
-					// TODO: refactor multiline overlap checking inside shadow dom
-					if (stack.length && axe.commons.dom.visuallyContains(stack[0], elm)) {
-						stack.push(elm);
-					}
-				} else {
-					stack.push(elm);
-				}
-				return stack;
-			}, [])
-	);
-};

data/node_modules/axe-core/lib/commons/dom/url-props-from-attribute.js

@@ -1,152 +0,0 @@
-/* global dom */
-
-/**
- * Parse resource object for a given node from a specified attribute
- * @method urlPropsFromAttribute
- * @param {HTMLElement} node given node
- * @param {String} attribute attribute of the node from which resource should be parsed
- * @returns {Object}
- */
-dom.urlPropsFromAttribute = function urlPropsFromAttribute(node, attribute) {
-	if (!node.hasAttribute(attribute)) {
-		return undefined;
-	}
-
-	const nodeName = node.nodeName.toUpperCase();
-	let parser = node;
-
-	/**
-	 * Note:
-	 * The need to create a parser, is to keep this function generic, to be able to parse resource from element(s) like `iframe` with `src` attribute,
-	 *
-	 * Also, when `a` or `area` is nested inside an svg document,
-	 * they do not have url properties as a HTML Node, hence the check for `ownerSVGElement`
-	 */
-	if (!['A', 'AREA'].includes(nodeName) || node.ownerSVGElement) {
-		parser = document.createElement('a');
-		parser.href = node.getAttribute(attribute);
-	}
-
-	/**
-	 * Curate `https` and `ftps` to `http` and `ftp` as they will resolve to same resource
-	 */
-	const protocol = [`https:`, `ftps:`].includes(parser.protocol)
-		? parser.protocol.replace(/s:$/, ':')
-		: parser.protocol;
-
-	/**
-	 * certain browser (in this case IE10 & 11)
-	 * does not resolve pathname with a beginning slash, thence prepending with a beginning slash
-	 */
-	const parserPathname = /^\//.test(parser.pathname)
-		? parser.pathname
-		: `/${parser.pathname}`;
-	const { pathname, filename } = getPathnameOrFilename(parserPathname);
-
-	return {
-		protocol,
-		hostname: parser.hostname,
-		port: getPort(parser.port),
-		pathname: /\/$/.test(pathname) ? pathname : `${pathname}/`,
-		search: getSearchPairs(parser.search),
-		hash: getHashRoute(parser.hash),
-		filename
-	};
-};
-
-/**
- * Resolve given port excluding default port(s)
- * @param {String} port port
- * @returns {String}
- */
-function getPort(port) {
-	const excludePorts = [
-		`443`, // default `https` port
-		`80`
-	];
-	return !excludePorts.includes(port) ? port : ``;
-}
-
-/**
- * Resolve if a given pathname has filename & resolve the same as parts
- * @method getPathnameOrFilename
- * @param {String} pathname pathname part of a given uri
- * @returns {Array<Object>}
- */
-function getPathnameOrFilename(pathname) {
-	const filename = pathname.split('/').pop();
-	if (!filename || filename.indexOf('.') === -1) {
-		return {
-			pathname,
-			filename: ``
-		};
-	}
-
-	return {
-		// remove `filename` from `pathname`
-		pathname: pathname.replace(filename, ''),
-
-		// ignore filename when index.*
-		filename: /index./.test(filename) ? `` : filename
-	};
-}
-
-/**
- * Parse a given query string to key/value pairs sorted alphabetically
- * @param {String} searchStr search string
- * @returns {Object}
- */
-function getSearchPairs(searchStr) {
-	const query = {};
-
-	if (!searchStr || !searchStr.length) {
-		return query;
-	}
-
-	// `substring` to remove `?` at the beginning of search string
-	const pairs = searchStr.substring(1).split(`&`);
-	if (!pairs || !pairs.length) {
-		return query;
-	}
-
-	for (let index = 0; index < pairs.length; index++) {
-		const pair = pairs[index];
-		const [key, value = ''] = pair.split(`=`);
-		query[decodeURIComponent(key)] = decodeURIComponent(value);
-	}
-
-	return query;
-}
-
-/**
- * Interpret a given hash
- * if `hash`
- * -> is `hashbang` -or- `hash` is followed by `slash`
- * -> it resolves to a different resource
- * @method getHashRoute
- * @param {String} hash hash component of a parsed uri
- * @returns {String}
- */
-function getHashRoute(hash) {
-	if (!hash) {
-		return ``;
-	}
-
-	/**
-	 * Check for any conventionally-formatted hashbang that may be present
-	 * eg: `#, #/, #!, #!/`
-	 */
-	const hashRegex = /#!?\/?/g;
-	const hasMatch = hash.match(hashRegex);
-	if (!hasMatch) {
-		return ``;
-	}
-
-	// do not resolve inline link as hash
-	const [matchedStr] = hasMatch;
-	if (matchedStr === '#') {
-		return ``;
-	}
-
-	return hash;
-}

data/node_modules/axe-core/lib/commons/dom/visually-contains.js

@@ -1,111 +0,0 @@
-/* global dom */
-
-/**
- * Return the ancestor node that is a scroll region.
- * @param {VirtualNode}
- * @return {VirtualNode|null}
- */
-function getScrollAncestor(node) {
-	const vNode = axe.utils.getNodeFromTree(node);
-	let ancestor = vNode.parent;
-
-	while (ancestor) {
-		if (axe.utils.getScroll(ancestor.actualNode)) {
-			return ancestor.actualNode;
-		}
-
-		ancestor = ancestor.parent;
-	}
-}
-
-/**
- * Checks whether a parent element visually contains its child, either directly or via scrolling.
- * Assumes that |parent| is an ancestor of |node|.
- * @param {Element} node
- * @param {Element} parent
- * @return {boolean} True if node is visually contained within parent
- */
-function contains(node, parent) {
-	const rectBound = node.getBoundingClientRect();
-	const margin = 0.01;
-	const rect = {
-		top: rectBound.top + margin,
-		bottom: rectBound.bottom - margin,
-		left: rectBound.left + margin,
-		right: rectBound.right - margin
-	};
-
-	const parentRect = parent.getBoundingClientRect();
-	const parentTop = parentRect.top;
-	const parentLeft = parentRect.left;
-	const parentScrollArea = {
-		top: parentTop - parent.scrollTop,
-		bottom: parentTop - parent.scrollTop + parent.scrollHeight,
-		left: parentLeft - parent.scrollLeft,
-		right: parentLeft - parent.scrollLeft + parent.scrollWidth
-	};
-
-	const style = window.getComputedStyle(parent);
-
-	// if parent element is inline, scrollArea will be too unpredictable
-	if (style.getPropertyValue('display') === 'inline') {
-		return true;
-	}
-
-	//In theory, we should just be able to look at the scroll area as a superset of the parentRect,
-	//but that's not true in Firefox
-	if (
-		(rect.left < parentScrollArea.left && rect.left < parentRect.left) ||
-		(rect.top < parentScrollArea.top && rect.top < parentRect.top) ||
-		(rect.right > parentScrollArea.right && rect.right > parentRect.right) ||
-		(rect.bottom > parentScrollArea.bottom && rect.bottom > parentRect.bottom)
-	) {
-		return false;
-	}
-
-	if (rect.right > parentRect.right || rect.bottom > parentRect.bottom) {
-		return (
-			style.overflow === 'scroll' ||
-			style.overflow === 'auto' ||
-			style.overflow === 'hidden' ||
-			parent instanceof HTMLBodyElement ||
-			parent instanceof HTMLHtmlElement
-		);
-	}
-
-	return true;
-}
-
-/**
- * Checks whether a parent element visually contains its child, either directly or via scrolling.
- * Assumes that |parent| is an ancestor of |node|.
- * @method visuallyContains
- * @memberof axe.commons.dom
- * @instance
- * @param {Element} node
- * @param {Element} parent
- * @return {boolean} True if node is visually contained within parent
- */
-dom.visuallyContains = function visuallyContains(node, parent) {
-	const parentScrollAncestor = getScrollAncestor(parent);
-
-	// if the elements share a common scroll parent, we can check if the
-	// parent visually contains the node. otherwise we need to check each
-	// scroll parent in between the node and the parent since if the
-	// element is off screen due to the scroll, it won't be visually contained
-	// by the parent
-	do {
-		const nextScrollAncestor = getScrollAncestor(node);
-
-		if (
-			nextScrollAncestor === parentScrollAncestor ||
-			nextScrollAncestor === parent
-		) {
-			return contains(node, parent);
-		}
-
-		node = nextScrollAncestor;
-	} while (node);
-
-	return false;
-};

data/node_modules/axe-core/lib/commons/dom/visually-overlaps.js

@@ -1,46 +0,0 @@
-/* global dom */
-
-/**
- * Checks whether a parent element visually overlaps a rectangle, either directly or via scrolling.
- * @method visuallyOverlaps
- * @memberof axe.commons.dom
- * @instance
- * @param {DOMRect} rect
- * @param {Element} parent
- * @return {boolean} True if rect is visually contained within parent
- */
-dom.visuallyOverlaps = function(rect, parent) {
-	var parentRect = parent.getBoundingClientRect();
-	var parentTop = parentRect.top;
-	var parentLeft = parentRect.left;
-	var parentScrollArea = {
-		top: parentTop - parent.scrollTop,
-		bottom: parentTop - parent.scrollTop + parent.scrollHeight,
-		left: parentLeft - parent.scrollLeft,
-		right: parentLeft - parent.scrollLeft + parent.scrollWidth
-	};
-
-	//In theory, we should just be able to look at the scroll area as a superset of the parentRect,
-	//but that's not true in Firefox
-	if (
-		(rect.left > parentScrollArea.right && rect.left > parentRect.right) ||
-		(rect.top > parentScrollArea.bottom && rect.top > parentRect.bottom) ||
-		(rect.right < parentScrollArea.left && rect.right < parentRect.left) ||
-		(rect.bottom < parentScrollArea.top && rect.bottom < parentRect.top)
-	) {
-		return false;
-	}
-
-	var style = window.getComputedStyle(parent);
-
-	if (rect.left > parentRect.right || rect.top > parentRect.bottom) {
-		return (
-			style.overflow === 'scroll' ||
-			style.overflow === 'auto' ||
-			parent instanceof HTMLBodyElement ||
-			parent instanceof HTMLHtmlElement
-		);
-	}
-
-	return true;
-};

data/node_modules/axe-core/lib/commons/forms/index.js

@@ -1,8 +0,0 @@
-/**
- * Namespace for forms-related utilities.
- * @namespace commons.forms
- * @memberof axe
- */
-
-var forms = {};
-commons.forms = forms;

data/node_modules/axe-core/lib/commons/forms/is-aria-combobox.js

@@ -1,13 +0,0 @@
-/* global forms */
-
-/**
- * Determines if an element is an aria combobox element
- * @method isAriaCombobox
- * @memberof axe.commons.forms
- * @param {Element} node Node to determine if aria combobox
- * @returns {Bool}
- */
-forms.isAriaCombobox = function(node) {
-	const role = axe.commons.aria.getRole(node, { noImplicit: true });
-	return role === 'combobox';
-};

data/node_modules/axe-core/lib/commons/forms/is-aria-listbox.js

@@ -1,13 +0,0 @@
-/* global forms */
-
-/**
- * Determines if an element is an aria listbox element
- * @method isAriaListbox
- * @memberof axe.commons.forms
- * @param {Element} node Node to determine if aria listbox
- * @returns {Bool}
- */
-forms.isAriaListbox = function(node) {
-	const role = axe.commons.aria.getRole(node, { noImplicit: true });
-	return role === 'listbox';
-};

data/node_modules/axe-core/lib/commons/forms/is-aria-range.js

@@ -1,14 +0,0 @@
-/* global forms */
-const rangeRoles = ['progressbar', 'scrollbar', 'slider', 'spinbutton'];
-
-/**
- * Determines if an element is an aria range element
- * @method isAriaRange
- * @memberof axe.commons.forms
- * @param {Element} node Node to determine if aria range
- * @returns {Bool}
- */
-forms.isAriaRange = function(node) {
-	const role = axe.commons.aria.getRole(node, { noImplicit: true });
-	return rangeRoles.includes(role);
-};

data/node_modules/axe-core/lib/commons/forms/is-aria-textbox.js

@@ -1,13 +0,0 @@
-/* global forms */
-
-/**
- * Determines if an element is an aria textbox element
- * @method isAriaTextbox
- * @memberof axe.commons.forms
- * @param {Element} node Node to determine if aria textbox
- * @returns {Bool}
- */
-forms.isAriaTextbox = function(node) {
-	const role = axe.commons.aria.getRole(node, { noImplicit: true });
-	return role === 'textbox';
-};