govuk_publishing_components 30.3.0 → 30.5.0

data/node_modules/axe-core/lib/commons/table/is-data-table.js

@@ -1,189 +0,0 @@
-/* global table, dom */
-
-/**
- * Determines whether a table is a data table
- * @method isDataTable
- * @memberof axe.commons.table
- * @instance
- * @param  {HTMLTableElement} node The table to test
- * @return {Boolean}
- * @see http://asurkov.blogspot.co.uk/2011/10/data-vs-layout-table.html
- */
-table.isDataTable = function(node) {
-	var role = (node.getAttribute('role') || '').toLowerCase();
-
-	// The element is not focusable and has role=presentation
-	if ((role === 'presentation' || role === 'none') && !dom.isFocusable(node)) {
-		return false;
-	}
-
-	// Table inside editable area is data table always since the table structure is crucial for table editing
-	if (
-		node.getAttribute('contenteditable') === 'true' ||
-		dom.findUp(node, '[contenteditable="true"]')
-	) {
-		return true;
-	}
-
-	// Table having ARIA table related role is data table
-	if (role === 'grid' || role === 'treegrid' || role === 'table') {
-		return true;
-	}
-
-	// Table having ARIA landmark role is data table
-	if (commons.aria.getRoleType(role) === 'landmark') {
-		return true;
-	}
-
-	// Table having datatable="0" attribute is layout table
-	if (node.getAttribute('datatable') === '0') {
-		return false;
-	}
-
-	// Table having summary attribute is data table
-	if (node.getAttribute('summary')) {
-		return true;
-	}
-
-	// Table having legitimate data table structures is data table
-	if (node.tHead || node.tFoot || node.caption) {
-		return true;
-	}
-	// colgroup / col - colgroup is magically generated
-	for (
-		var childIndex = 0, childLength = node.children.length;
-		childIndex < childLength;
-		childIndex++
-	) {
-		if (node.children[childIndex].nodeName.toUpperCase() === 'COLGROUP') {
-			return true;
-		}
-	}
-
-	var cells = 0;
-	var rowLength = node.rows.length;
-	var row, cell;
-	var hasBorder = false;
-	for (var rowIndex = 0; rowIndex < rowLength; rowIndex++) {
-		row = node.rows[rowIndex];
-		for (
-			var cellIndex = 0, cellLength = row.cells.length;
-			cellIndex < cellLength;
-			cellIndex++
-		) {
-			cell = row.cells[cellIndex];
-			if (cell.nodeName.toUpperCase() === 'TH') {
-				return true;
-			}
-			if (
-				!hasBorder &&
-				(cell.offsetWidth !== cell.clientWidth ||
-					cell.offsetHeight !== cell.clientHeight)
-			) {
-				hasBorder = true;
-			}
-			if (
-				cell.getAttribute('scope') ||
-				cell.getAttribute('headers') ||
-				cell.getAttribute('abbr')
-			) {
-				return true;
-			}
-			if (
-				['columnheader', 'rowheader'].includes(
-					(cell.getAttribute('role') || '').toLowerCase()
-				)
-			) {
-				return true;
-			}
-			// abbr element as a single child element of table cell
-			if (
-				cell.children.length === 1 &&
-				cell.children[0].nodeName.toUpperCase() === 'ABBR'
-			) {
-				return true;
-			}
-			cells++;
-		}
-	}
-
-	// Table having nested table is layout table
-	if (node.getElementsByTagName('table').length) {
-		return false;
-	}
-
-	// Table having only one row or column is layout table (row)
-	if (rowLength < 2) {
-		return false;
-	}
-
-	// Table having only one row or column is layout table (column)
-	var sampleRow = node.rows[Math.ceil(rowLength / 2)];
-	if (sampleRow.cells.length === 1 && sampleRow.cells[0].colSpan === 1) {
-		return false;
-	}
-
-	// Table having many columns (>= 5) is data table
-	if (sampleRow.cells.length >= 5) {
-		return true;
-	}
-
-	// Table having borders around cells is data table
-	if (hasBorder) {
-		return true;
-	}
-
-	// Table having differently colored rows is data table
-	var bgColor, bgImage;
-	for (rowIndex = 0; rowIndex < rowLength; rowIndex++) {
-		row = node.rows[rowIndex];
-		if (
-			bgColor &&
-			bgColor !==
-				window.getComputedStyle(row).getPropertyValue('background-color')
-		) {
-			return true;
-		} else {
-			bgColor = window
-				.getComputedStyle(row)
-				.getPropertyValue('background-color');
-		}
-		if (
-			bgImage &&
-			bgImage !==
-				window.getComputedStyle(row).getPropertyValue('background-image')
-		) {
-			return true;
-		} else {
-			bgImage = window
-				.getComputedStyle(row)
-				.getPropertyValue('background-image');
-		}
-	}
-
-	// Table having many rows (>= 20) is data table
-	if (rowLength >= 20) {
-		return true;
-	}
-
-	// Wide table (more than 95% of the document width) is layout table
-	if (
-		dom.getElementCoordinates(node).width >
-		dom.getViewportSize(window).width * 0.95
-	) {
-		return false;
-	}
-
-	// Table having small amount of cells (<= 10) is layout table
-	if (cells < 10) {
-		return false;
-	}
-
-	// Table containing embed, object, applet of iframe elements (typical advertisements elements) is layout table
-	if (node.querySelector('object, embed, iframe, applet')) {
-		return false;
-	}
-
-	// Otherwise it's data table
-	return true;
-};

data/node_modules/axe-core/lib/commons/table/is-header.js

@@ -1,22 +0,0 @@
-/* global table, axe */
-
-/**
- * Determine if a `HTMLTableCellElement` is a header
- * @method isHeader
- * @memberof axe.commons.table
- * @instance
- * @param  {HTMLTableCellElement} cell The table cell to test
- * @return {Boolean}
- */
-table.isHeader = function(cell) {
-	if (table.isColumnHeader(cell) || table.isRowHeader(cell)) {
-		return true;
-	}
-
-	if (cell.getAttribute('id')) {
-		const id = axe.utils.escapeSelector(cell.getAttribute('id'));
-		return !!document.querySelector(`[headers~="${id}"]`);
-	}
-
-	return false;
-};

data/node_modules/axe-core/lib/commons/table/is-row-header.js

@@ -1,13 +0,0 @@
-/* global table */
-
-/**
- * Determine if a `HTMLTableCellElement` is a row header
- * @method isRowHeader
- * @memberof axe.commons.table
- * @instance
- * @param  {HTMLTableCellElement} cell The table cell to test
- * @return {Boolean}
- */
-table.isRowHeader = function(cell) {
-	return ['row', 'auto'].includes(table.getScope(cell));
-};

data/node_modules/axe-core/lib/commons/table/to-grid.js

@@ -1,38 +0,0 @@
-/*global table */
-
-/**
- * Converts a table to an Array of arrays, normalized for row and column spans
- * @method toGrid
- * @memberof axe.commons.table
- * @instance
- * @param  {HTMLTableElement} node The table to convert
- * @return {Array<HTMLTableCellElement>} Array of HTMLTableCellElements
- */
-table.toGrid = axe.utils.memoize(function(node) {
-	var table = [];
-	var rows = node.rows;
-	for (var i = 0, rowLength = rows.length; i < rowLength; i++) {
-		var cells = rows[i].cells;
-		table[i] = table[i] || [];
-
-		var columnIndex = 0;
-
-		for (var j = 0, cellLength = cells.length; j < cellLength; j++) {
-			for (var colSpan = 0; colSpan < cells[j].colSpan; colSpan++) {
-				for (var rowSpan = 0; rowSpan < cells[j].rowSpan; rowSpan++) {
-					table[i + rowSpan] = table[i + rowSpan] || [];
-					while (table[i + rowSpan][columnIndex]) {
-						columnIndex++;
-					}
-					table[i + rowSpan][columnIndex] = cells[j];
-				}
-				columnIndex++;
-			}
-		}
-	}
-
-	return table;
-});
-
-// This was the old name
-table.toArray = table.toGrid;

data/node_modules/axe-core/lib/commons/table/traverse.js

@@ -1,78 +0,0 @@
-/* global table */
-(function(table) {
-	var traverseTable = function(dir, position, tableGrid, callback) {
-		var result;
-		var cell = tableGrid[position.y]
-			? tableGrid[position.y][position.x]
-			: undefined;
-		if (!cell) {
-			return [];
-		}
-		if (typeof callback === 'function') {
-			result = callback(cell, position, tableGrid);
-			if (result === true) {
-				// abort
-				return [cell];
-			}
-		}
-
-		result = traverseTable(
-			dir,
-			{
-				x: position.x + dir.x,
-				y: position.y + dir.y
-			},
-			tableGrid,
-			callback
-		);
-		result.unshift(cell);
-		return result;
-	};
-
-	/**
-	 * Traverses a table in a given direction, passing the cell to the callback
-	 * @method traverse
-	 * @memberof axe.commons.table
-	 * @instance
-	 * @param  {Object|String} dir Direction that will be added recursively {x: 1, y: 0}, 'left';
-	 * @param  {Object}   startPos    x/y coordinate: {x: 0, y: 0};
-	 * @param  {Array}    [tablegrid]  A matrix of the table obtained using axe.commons.table.toArray (OPTIONAL)
-	 * @param  {Function} callback Function to which each cell will be passed
-	 * @return {NodeElement}       If the callback returns true, the traversal will end and the cell will be returned
-	 */
-	table.traverse = function(dir, startPos, tableGrid, callback) {
-		/* eslint indent: 0 */
-		if (Array.isArray(startPos)) {
-			callback = tableGrid;
-			tableGrid = startPos;
-			startPos = { x: 0, y: 0 };
-		}
-
-		if (typeof dir === 'string') {
-			switch (dir) {
-				case 'left':
-					dir = { x: -1, y: 0 };
-					break;
-				case 'up':
-					dir = { x: 0, y: -1 };
-					break;
-				case 'right':
-					dir = { x: 1, y: 0 };
-					break;
-				case 'down':
-					dir = { x: 0, y: 1 };
-					break;
-			}
-		}
-
-		return traverseTable(
-			dir,
-			{
-				x: startPos.x + dir.x,
-				y: startPos.y + dir.y
-			},
-			tableGrid,
-			callback
-		);
-	};
-})(table);

data/node_modules/axe-core/lib/commons/text/accessible-text-virtual.js

@@ -1,152 +0,0 @@
-/* global text, dom, aria, axe */
-
-/**
- * Finds virtual node and calls accessibleTextVirtual()
- * IMPORTANT: This method requires the composed tree at axe._tree
- *
- * @param {HTMLElement} element The HTMLElement
- * @param {Object} context
- * @property {Bool} inControlContext
- * @property {Bool} inLabelledByContext
- * @return {string}
- */
-text.accessibleText = function accessibleText(element, context) {
-	const virtualNode = axe.utils.getNodeFromTree(element); // throws an exception on purpose if axe._tree not correct
-	return text.accessibleTextVirtual(virtualNode, context);
-};
-
-/**
- * Finds virtual node and calls accessibleTextVirtual()
- * IMPORTANT: This method requires the composed tree at axe._tree
- *
- * @param {HTMLElement} element The HTMLElement
- * @param {Object} context
- * @property {Bool} inControlContext
- * @property {Bool} inLabelledByContext
- * @return {string}
- */
-text.accessibleTextVirtual = function accessibleTextVirtual(
-	virtualNode,
-	context = {}
-) {
-	const { actualNode } = virtualNode;
-	context = prepareContext(virtualNode, context);
-
-	// Step 2A, check visibility
-	if (shouldIgnoreHidden(virtualNode, context)) {
-		return '';
-	}
-
-	const computationSteps = [
-		aria.arialabelledbyText, // Step 2B.1
-		aria.arialabelText, // Step 2C
-		text.nativeTextAlternative, // Step 2D
-		text.formControlValue, // Step 2E
-		text.subtreeText, // Step 2F + Step 2H
-		textNodeContent, // Step 2G (order with 2H does not matter)
-		text.titleText // Step 2I
-	];
-
-	// Find the first step that returns a non-empty string
-	let accName = computationSteps.reduce((accName, step) => {
-		if (context.startNode === virtualNode) {
-			accName = text.sanitize(accName);
-		}
-
-		if (accName !== '') {
-			// yes, whitespace only a11y names halt the algorithm
-			return accName;
-		}
-		return step(virtualNode, context);
-	}, '');
-
-	if (context.debug) {
-		axe.log(accName || '{empty-value}', actualNode, context);
-	}
-	return accName;
-};
-
-/**
- * Return the textContent of a node
- * @param {VirtualNode} element
- * @return {String} textContent value
- */
-function textNodeContent({ actualNode }) {
-	if (actualNode.nodeType !== 3) {
-		return '';
-	}
-	return actualNode.textContent;
-}
-
-/**
- * Check if the
- * @param {VirtualNode} element
- * @param {Object} context
- * @property {VirtualNode[]} processed
- * @return {Boolean}
- */
-function shouldIgnoreHidden({ actualNode }, context) {
-	if (
-		// If the parent isn't ignored, the text node should not be either
-		actualNode.nodeType !== 1 ||
-		// If the target of aria-labelledby is hidden, ignore all descendents
-		context.includeHidden
-	) {
-		return false;
-	}
-
-	return !dom.isVisible(actualNode, true);
-}
-
-/**
- * Apply defaults to the context
- * @param {VirtualNode} element
- * @param {Object} context
- * @return {Object} context object with defaults applied
- */
-function prepareContext(virtualNode, context) {
-	const { actualNode } = virtualNode;
-	if (!context.startNode) {
-		context = { startNode: virtualNode, ...context };
-	}
-	/**
-	 * When `aria-labelledby` directly references a `hidden` element
-	 * the element needs to be included in the accessible name.
-	 *
-	 * When a descendent of the `aria-labelledby` reference is `hidden`
-	 * the element should not be included in the accessible name.
-	 *
-	 * This is done by setting `includeHidden` for the `aria-labelledby` reference.
-	 */
-	if (
-		actualNode.nodeType === 1 &&
-		context.inLabelledByContext &&
-		context.includeHidden === undefined
-	) {
-		context = {
-			includeHidden: !dom.isVisible(actualNode, true),
-			...context
-		};
-	}
-	return context;
-}
-
-/**
- * Check if the node is processed with this context before
- * @param {VirtualNode} element
- * @param {Object} context
- * @property {VirtualNode[]} processed
- * @return {Boolean}
- */
-text.accessibleTextVirtual.alreadyProcessed = function alreadyProcessed(
-	virtualnode,
-	context
-) {
-	context.processed = context.processed || [];
-	if (context.processed.includes(virtualnode)) {
-		return true;
-	}
-
-	context.processed.push(virtualnode);
-	return false;
-};

data/node_modules/axe-core/lib/commons/text/form-control-value.js

@@ -1,192 +0,0 @@
-/* global text, aria, dom */
-const controlValueRoles = [
-	'textbox',
-	'progressbar',
-	'scrollbar',
-	'slider',
-	'spinbutton',
-	'combobox',
-	'listbox'
-];
-
-text.formControlValueMethods = {
-	nativeTextboxValue,
-	nativeSelectValue,
-	ariaTextboxValue,
-	ariaListboxValue,
-	ariaComboboxValue,
-	ariaRangeValue
-};
-
-/**
- * Calculate value of a form control
- *
- * @param {VirtualNode} element The VirtualNode instance whose value we want
- * @param {Object} context
- * @property {Element} startNode First node in accessible name computation
- * @property {String[]} unsupported List of roles where value computation is unsupported
- * @property {Bool} debug Enable logging for formControlValue
- * @return {string} The calculated value
- */
-text.formControlValue = function formControlValue(virtualNode, context = {}) {
-	const { actualNode } = virtualNode;
-	const unsupported = text.unsupported.accessibleNameFromFieldValue || [];
-	const role = aria.getRole(actualNode);
-
-	if (
-		// For the targeted node, the accessible name is never the value:
-		context.startNode === virtualNode ||
-		// Only elements with a certain role can return their value
-		!controlValueRoles.includes(role) ||
-		// Skip unsupported roles
-		unsupported.includes(role)
-	) {
-		return '';
-	}
-
-	// Object.values:
-	const valueMethods = Object.keys(text.formControlValueMethods).map(
-		name => text.formControlValueMethods[name]
-	);
-
-	// Return the value of the first step that returns with text
-	let valueString = valueMethods.reduce((accName, step) => {
-		return accName || step(virtualNode, context);
-	}, '');
-
-	if (context.debug) {
-		axe.log(valueString || '{empty-value}', actualNode, context);
-	}
-	return valueString;
-};
-
-/**
- * Calculate value of a native textbox element (input and textarea)
- *
- * @param {VirtualNode|Element} element The element whose value we want
- * @return {string} The calculated value
- */
-function nativeTextboxValue(node) {
-	node = node.actualNode || node;
-	if (axe.commons.forms.isNativeTextbox(node)) {
-		return node.value || '';
-	}
-	return '';
-}
-
-/**
- * Calculate value of a select element
- *
- * @param {VirtualNode} element The VirtualNode instance whose value we want
- * @return {string} The calculated value
- */
-function nativeSelectValue(node) {
-	node = node.actualNode || node;
-	if (!axe.commons.forms.isNativeSelect(node)) {
-		return '';
-	}
-	return (
-		Array.from(node.options)
-			.filter(option => option.selected)
-			.map(option => option.text)
-			.join(' ') || ''
-	);
-}
-
-/**
- * Calculate value of a an element with role=textbox
- *
- * @param {VirtualNode} element The VirtualNode instance whose value we want
- * @return {string} The calculated value
- */
-function ariaTextboxValue(virtualNode) {
-	const { actualNode } = virtualNode;
-	if (!axe.commons.forms.isAriaTextbox(actualNode)) {
-		return '';
-	}
-	if (!dom.isHiddenWithCSS(actualNode)) {
-		return text.visibleVirtual(virtualNode, true);
-	} else {
-		return actualNode.textContent;
-	}
-}
-
-/**
- * Calculate value of an element with role=combobox or role=listbox
- *
- * @param {VirtualNode} element The VirtualNode instance whose value we want
- * @param {Object} context The VirtualNode instance whose value we want
- * @property {Element} startNode First node in accessible name computation
- * @property {String[]} unsupported List of roles where value computation is unsupported
- * @property {Bool} debug Enable logging for formControlValue
- * @return {string} The calculated value
- */
-function ariaListboxValue(virtualNode, context) {
-	const { actualNode } = virtualNode;
-	if (!axe.commons.forms.isAriaListbox(actualNode)) {
-		return '';
-	}
-
-	const selected = aria
-		.getOwnedVirtual(virtualNode)
-		.filter(
-			owned =>
-				aria.getRole(owned) === 'option' &&
-				owned.actualNode.getAttribute('aria-selected') === 'true'
-		);
-
-	if (selected.length === 0) {
-		return '';
-	}
-	// Note: Even with aria-multiselectable, only the first value will be used
-	// in the accessible name. This isn't spec'ed out, but seems to be how all
-	// browser behave.
-	return axe.commons.text.accessibleTextVirtual(selected[0], context);
-}
-
-/**
- * Calculate value of an element with role=combobox or role=listbox
- *
- * @param {VirtualNode} element The VirtualNode instance whose value we want
- * @param {Object} context The VirtualNode instance whose value we want
- * @property {Element} startNode First node in accessible name computation
- * @property {String[]} unsupported List of roles where value computation is unsupported
- * @property {Bool} debug Enable logging for formControlValue
- * @return {string} The calculated value
- */
-function ariaComboboxValue(virtualNode, context) {
-	const { actualNode } = virtualNode;
-	let listbox;
-
-	// For combobox, find the first owned listbox:
-	if (!axe.commons.forms.isAriaCombobox(actualNode)) {
-		return '';
-	}
-	listbox = aria
-		.getOwnedVirtual(virtualNode)
-		.filter(elm => aria.getRole(elm) === 'listbox')[0];
-
-	return listbox
-		? text.formControlValueMethods.ariaListboxValue(listbox, context)
-		: '';
-}
-
-/**
- * Calculate value of an element with range-type role
- *
- * @param {VirtualNode|Node} element The VirtualNode instance whose value we want
- * @return {string} The calculated value
- */
-function ariaRangeValue(node) {
-	node = node.actualNode || node;
-	if (
-		!axe.commons.forms.isAriaRange(node) ||
-		!node.hasAttribute('aria-valuenow')
-	) {
-		return '';
-	}
-	// Validate the number, if not, return 0.
-	// Chrome 70 typecasts this, Firefox 62 does not
-	const valueNow = +node.getAttribute('aria-valuenow');
-	return !isNaN(valueNow) ? String(valueNow) : '0';
-}

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

@@ -1,8 +0,0 @@
-/* exported text */
-/*eslint no-unused-vars: 0*/
-/**
- * Namespace for text-related utilities.
- * @namespace text
- * @memberof axe.commons
- */
-var text = (commons.text = { EdgeFormDefaults: {} });