govuk_publishing_components 30.4.1 → 30.5.0

data/node_modules/axe-core/lib/checks/mobile/css-orientation-lock.js

@@ -1,251 +0,0 @@
-/* global context */
-const { cssom = undefined } = context || {};
-const { degreeThreshold = 0 } = options || {};
-if (!cssom || !cssom.length) {
-	return undefined;
-}
-
-let isLocked = false;
-let relatedElements = [];
-const rulesGroupByDocumentFragment = groupCssomByDocument(cssom);
-
-for (const key of Object.keys(rulesGroupByDocumentFragment)) {
-	const { root, rules } = rulesGroupByDocumentFragment[key];
-	const orientationRules = rules.filter(isMediaRuleWithOrientation);
-	if (!orientationRules.length) {
-		continue;
-	}
-
-	orientationRules.forEach(({ cssRules }) => {
-		Array.from(cssRules).forEach(cssRule => {
-			const locked = getIsOrientationLocked(cssRule);
-
-			// if locked and not root HTML, preserve as relatedNodes
-			if (locked && cssRule.selectorText.toUpperCase() !== 'HTML') {
-				const elms =
-					Array.from(root.querySelectorAll(cssRule.selectorText)) || [];
-				relatedElements = relatedElements.concat(elms);
-			}
-
-			isLocked = isLocked || locked;
-		});
-	});
-}
-
-if (!isLocked) {
-	return true;
-}
-if (relatedElements.length) {
-	this.relatedNodes(relatedElements);
-}
-return false;
-
-/**
- * Group given cssom by document/ document fragment
- * @param {Array<Object>} allCssom cssom
- * @return {Object}
- */
-function groupCssomByDocument(cssObjectModel) {
-	return cssObjectModel.reduce((out, { sheet, root, shadowId }) => {
-		const key = shadowId ? shadowId : 'topDocument';
-
-		if (!out[key]) {
-			out[key] = { root, rules: [] };
-		}
-
-		if (!sheet || !sheet.cssRules) {
-			return out;
-		}
-
-		const rules = Array.from(sheet.cssRules);
-		out[key].rules = out[key].rules.concat(rules);
-
-		return out;
-	}, {});
-}
-
-/**
- * Filter CSS Rules that target Orientation CSS Media Features
- * @param {Array<Object>} cssRules
- * @returns {Array<Object>}
- */
-function isMediaRuleWithOrientation({ type, cssText }) {
-	/**
-	 * Filter:
-	 * CSSRule.MEDIA_Rule
-	 * -> https://developer.mozilla.org/en-US/docs/Web/API/CSSMediaRule
-	 */
-	if (type !== 4) {
-		return false;
-	}
-
-	/**
-	 * Filter:
-	 * CSSRule with conditionText of `orientation`
-	 */
-	return (
-		/orientation:\s*landscape/i.test(cssText) ||
-		/orientation:\s*portrait/i.test(cssText)
-	);
-}
-
-/**
- * Interpolate a given CSS Rule to ascertain if orientation is locked by use of any transformation functions that affect rotation along the Z Axis
- * @param {Object} cssRule given CSS Rule
- * @property {String} cssRule.selectorText selector text targetted by given cssRule
- * @property {Object} cssRule.style style
- * @return {Boolean}
- */
-function getIsOrientationLocked({ selectorText, style }) {
-	if (!selectorText || style.length <= 0) {
-		return false;
-	}
-
-	const transformStyle =
-		style.transform || style.webkitTransform || style.msTransform || false;
-	if (!transformStyle) {
-		return false;
-	}
-
-	/**
-	 * get last match/occurence of a transformation function that can affect rotation along Z axis
-	 */
-	const matches = transformStyle.match(
-		/(rotate|rotateZ|rotate3d|matrix|matrix3d)\(([^)]+)\)(?!.*(rotate|rotateZ|rotate3d|matrix|matrix3d))/
-	);
-	if (!matches) {
-		return false;
-	}
-
-	const [, transformFn, transformFnValue] = matches;
-	let degrees = getRotationInDegrees(transformFn, transformFnValue);
-	if (!degrees) {
-		return false;
-	}
-	degrees = Math.abs(degrees);
-
-	/**
-	 * When degree is a multiple of 180, it is not considered an orientation lock
-	 */
-	if (Math.abs(degrees - 180) % 180 <= degreeThreshold) {
-		return false;
-	}
-
-	return Math.abs(degrees - 90) % 90 <= degreeThreshold;
-}
-
-/**
- * Interpolate rotation along the z axis from a given value to a transform function
- * @param {String} transformFunction CSS transformation function
- * @param {String} transformFnValue value applied to a transform function (contains a unit)
- * @returns {Number}
- */
-function getRotationInDegrees(transformFunction, transformFnValue) {
-	switch (transformFunction) {
-		case 'rotate':
-		case 'rotateZ':
-			return getAngleInDegrees(transformFnValue);
-		case 'rotate3d':
-			const [, , z, angleWithUnit] = transformFnValue
-				.split(',')
-				.map(value => value.trim());
-			if (parseInt(z) === 0) {
-				// no transform is applied along z axis -> ignore
-				return;
-			}
-			return getAngleInDegrees(angleWithUnit);
-		case 'matrix':
-		case 'matrix3d':
-			return getAngleInDegreesFromMatrixTransform(transformFnValue);
-		default:
-			return;
-	}
-}
-
-/**
- * Get angle in degrees from a transform value by interpolating the unit of measure
- * @param {String} angleWithUnit value applied to a transform function (Eg: 1turn)
- * @returns{Number|undefined}
- */
-function getAngleInDegrees(angleWithUnit) {
-	const [unit] = angleWithUnit.match(/(deg|grad|rad|turn)/) || [];
-	if (!unit) {
-		return;
-	}
-
-	const angle = parseFloat(angleWithUnit.replace(unit, ``));
-	switch (unit) {
-		case 'rad':
-			return convertRadToDeg(angle);
-		case 'grad':
-			return convertGradToDeg(angle);
-		case 'turn':
-			return convertTurnToDeg(angle);
-		case 'deg':
-		default:
-			return parseInt(angle);
-	}
-}
-
-/**
- * Get angle in degrees from a transform value applied to `matrix` or `matrix3d` transform functions
- * @param {String} transformFnValue value applied to a transform function (contains a unit)
- * @returns {Number}
- */
-function getAngleInDegreesFromMatrixTransform(transformFnValue) {
-	const values = transformFnValue.split(',');
-
-	/**
-	 * Matrix 2D
-	 * Notes: https://css-tricks.com/get-value-of-css-rotation-through-javascript/
-	 */
-	if (values.length <= 6) {
-		const [a, b] = values;
-		const radians = Math.atan2(parseFloat(b), parseFloat(a));
-		return convertRadToDeg(radians);
-	}
-
-	/**
-	 * Matrix 3D
-	 * Notes: https://drafts.csswg.org/css-transforms-2/#decomposing-a-3d-matrix
-	 */
-	const sinB = parseFloat(values[8]);
-	const b = Math.asin(sinB);
-	const cosB = Math.cos(b);
-	const rotateZRadians = Math.acos(parseFloat(values[0]) / cosB);
-	return convertRadToDeg(rotateZRadians);
-}
-
-/**
- * Convert angle specified in unit radians to degrees
- * See - https://drafts.csswg.org/css-values-3/#rad
- * @param {Number} radians radians
- * @return {Number}
- */
-function convertRadToDeg(radians) {
-	return Math.round(radians * (180 / Math.PI));
-}
-
-/**
- * Convert angle specified in unit grad to degrees
- * See - https://drafts.csswg.org/css-values-3/#grad
- * @param {Number} grad grad
- * @return {Number}
- */
-function convertGradToDeg(grad) {
-	grad = grad % 400;
-	if (grad < 0) {
-		grad += 400;
-	}
-	return Math.round((grad / 400) * 360);
-}
-
-/**
- * Convert angle specifed in unit turn to degrees
- * See - https://drafts.csswg.org/css-values-3/#turn
- * @param {Number} turn
- * @returns {Number}
- */
-function convertTurnToDeg(turn) {
-	return Math.round(360 / (1 / turn));
-}

data/node_modules/axe-core/lib/checks/mobile/css-orientation-lock.json

@@ -1,15 +0,0 @@
-{
-	"id": "css-orientation-lock",
-	"evaluate": "css-orientation-lock.js",
-	"options": {
-		"degreeThreshold": 2
-	},
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Display is operable, and orientation lock does not exist",
-			"fail": "CSS Orientation lock is applied, and makes display inoperable",
-			"incomplete": "CSS Orientation lock cannot be determined"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/mobile/meta-viewport-large.json

@@ -1,15 +0,0 @@
-{
-	"id": "meta-viewport-large",
-	"evaluate": "meta-viewport-scale.js",
-	"options": {
-		"scaleMinimum": 5,
-		"lowerBound": 2
-	},
-	"metadata": {
-		"impact": "minor",
-		"messages": {
-			"pass": "<meta> tag does not prevent significant zooming on mobile devices",
-			"fail": "<meta> tag limits zooming on mobile devices"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/mobile/meta-viewport-scale.js

@@ -1,55 +0,0 @@
-const { scaleMinimum = 2, lowerBound = false } = options || {};
-
-const content = node.getAttribute('content') || '';
-if (!content) {
-	return true;
-}
-
-const result = content.split(/[;,]/).reduce((out, item) => {
-	const contentValue = item.trim();
-	if (!contentValue) {
-		return out;
-	}
-
-	const [key, value] = contentValue.split('=');
-	if (!key || !value) {
-		return out;
-	}
-	const curatedKey = key.toLowerCase().trim();
-	let curatedValue = value.toLowerCase().trim();
-
-	// convert `yes` to `1`
-	if (curatedKey === 'maximum-scale' && curatedValue === 'yes') {
-		curatedValue = 1;
-	}
-	// when negative ignore key
-	if (curatedKey === 'maximum-scale' && parseFloat(curatedValue) < 0) {
-		return out;
-	}
-
-	out[curatedKey] = curatedValue;
-	return out;
-}, {});
-
-if (
-	lowerBound &&
-	result['maximum-scale'] &&
-	parseFloat(result['maximum-scale']) < lowerBound
-) {
-	return true;
-}
-
-if (!lowerBound && result['user-scalable'] === 'no') {
-	this.data('user-scalable=no');
-	return false;
-}
-
-if (
-	result['maximum-scale'] &&
-	parseFloat(result['maximum-scale']) < scaleMinimum
-) {
-	this.data('maximum-scale');
-	return false;
-}
-
-return true;

data/node_modules/axe-core/lib/checks/mobile/meta-viewport.json

@@ -1,14 +0,0 @@
-{
-	"id": "meta-viewport",
-	"evaluate": "meta-viewport-scale.js",
-	"options": {
-		"scaleMinimum": 2
-	},
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "<meta> tag does not disable zooming on mobile devices",
-			"fail": "${data} on <meta> tag disables zooming on mobile devices"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/header-present.js

@@ -1,4 +0,0 @@
-return !!axe.utils.querySelectorAll(
-	virtualNode,
-	'h1, h2, h3, h4, h5, h6, [role="heading"]'
-)[0];

data/node_modules/axe-core/lib/checks/navigation/header-present.json

@@ -1,11 +0,0 @@
-{
-	"id": "header-present",
-	"evaluate": "header-present.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Page has a heading",
-			"fail": "Page does not have a heading"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/heading-order-after.js

@@ -1,14 +0,0 @@
-if (results.length < 2) {
-	return results;
-}
-
-var prevLevel = results[0].data;
-
-for (var i = 1; i < results.length; i++) {
-	if (results[i].result && results[i].data > prevLevel + 1) {
-		results[i].result = false;
-	}
-	prevLevel = results[i].data;
-}
-
-return results;

data/node_modules/axe-core/lib/checks/navigation/heading-order.js

@@ -1,15 +0,0 @@
-var ariaHeadingLevel = node.getAttribute('aria-level');
-
-if (ariaHeadingLevel !== null) {
-	this.data(parseInt(ariaHeadingLevel, 10));
-	return true;
-}
-
-var headingLevel = node.nodeName.toUpperCase().match(/H(\d)/);
-
-if (headingLevel) {
-	this.data(parseInt(headingLevel[1], 10));
-	return true;
-}
-
-return true;

data/node_modules/axe-core/lib/checks/navigation/heading-order.json

@@ -1,12 +0,0 @@
-{
-	"id": "heading-order",
-	"evaluate": "heading-order.js",
-	"after": "heading-order-after.js",
-	"metadata": {
-		"impact": "moderate",
-		"messages": {
-			"pass": "Heading order valid",
-			"fail": "Heading order invalid"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/identical-links-same-purpose-after.js

@@ -1,100 +0,0 @@
-/**
- * Skip, as no results to curate
- */
-if (results.length < 2) {
-	return results;
-}
-
-/**
- * Filter results for which `result` is undefined & thus `data`, `relatedNodes` are undefined
- */
-const incompleteResults = results.filter(({ result }) => result !== undefined);
-
-/**
- * for each result
- * - get other results with matching accessible name
- * - check if same purpose is served
- * - if not change `result` to `undefined`
- * - construct a list of unique results with relatedNodes to return
- */
-const uniqueResults = [];
-const nameMap = {};
-
-for (let index = 0; index < incompleteResults.length; index++) {
-	const currentResult = incompleteResults[index];
-
-	const { name, urlProps } = currentResult.data;
-	/**
-	 * This is to avoid duplications in the `nodeMap`
-	 */
-	if (nameMap[name]) {
-		continue;
-	}
-
-	const sameNameResults = incompleteResults.filter(
-		({ data }, resultNum) => data.name === name && resultNum !== index
-	);
-	const isSameUrl = sameNameResults.every(({ data }) =>
-		isIdenticalObject(data.urlProps, urlProps)
-	);
-
-	/**
-	 * when identical nodes exists but do not resolve to same url, flag result as `incomplete`
-	 */
-	if (sameNameResults.length && !isSameUrl) {
-		currentResult.result = undefined;
-	}
-
-	/**
-	 *  -> deduplicate results (for both `pass` or `incomplete`) and add `relatedNodes` if any
-	 */
-	currentResult.relatedNodes = [];
-	currentResult.relatedNodes.push(
-		...sameNameResults.map(node => node.relatedNodes[0])
-	);
-
-	/**
-	 * Update `nodeMap` with `sameNameResults`
-	 */
-	nameMap[name] = sameNameResults;
-
-	uniqueResults.push(currentResult);
-}
-
-return uniqueResults;
-
-/**
- * Check if two given objects are the same (Note: this fn is not extensive in terms of depth equality)
- * @param {Object} a object a, to compare
- * @param {*} b object b, to compare
- * @returns {Boolean}
- */
-function isIdenticalObject(a, b) {
-	if (!a || !b) {
-		return false;
-	}
-
-	const aProps = Object.getOwnPropertyNames(a);
-	const bProps = Object.getOwnPropertyNames(b);
-
-	if (aProps.length !== bProps.length) {
-		return false;
-	}
-
-	const result = aProps.every(propName => {
-		const aValue = a[propName];
-		const bValue = b[propName];
-
-		if (typeof aValue !== typeof bValue) {
-			return false;
-		}
-
-		if (typeof aValue === `object` || typeof bValue === `object`) {
-			return isIdenticalObject(aValue, bValue);
-		}
-
-		return aValue === bValue;
-	});
-
-	return result;
-}

data/node_modules/axe-core/lib/checks/navigation/identical-links-same-purpose.js

@@ -1,31 +0,0 @@
-/**
- * Note: `identical-links-same-purpose-after` fn, helps reconcile the results
- */
-const { dom, text } = axe.commons;
-
-const accText = text.accessibleTextVirtual(virtualNode);
-const name = text
-	.sanitize(
-		text.removeUnicode(accText, {
-			emoji: true,
-			nonBmp: true,
-			punctuations: true
-		})
-	)
-	.toLowerCase();
-
-if (!name) {
-	return undefined;
-}
-
-/**
- * Set `data` and `relatedNodes` for use in `after` fn
- */
-const afterData = {
-	name,
-	urlProps: dom.urlPropsFromAttribute(node, 'href')
-};
-this.data(afterData);
-this.relatedNodes([node]);
-
-return true;

data/node_modules/axe-core/lib/checks/navigation/identical-links-same-purpose.json

@@ -1,12 +0,0 @@
-{
-	"id": "identical-links-same-purpose",
-	"evaluate": "identical-links-same-purpose.js",
-	"after": "identical-links-same-purpose-after.js",
-	"metadata": {
-		"impact": "minor",
-		"messages": {
-			"pass": "There are no other links with the same name, that go to a different URL",
-			"incomplete": "Check that links have the same purpose, or are intentionally ambiguous."
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/internal-link-present.js

@@ -1,4 +0,0 @@
-const links = axe.utils.querySelectorAll(virtualNode, 'a[href]');
-return links.some(vLink => {
-	return /^#[^/!]/.test(vLink.actualNode.getAttribute('href'));
-});

data/node_modules/axe-core/lib/checks/navigation/internal-link-present.json

@@ -1,11 +0,0 @@
-{
-	"id": "internal-link-present",
-	"evaluate": "internal-link-present.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Valid skip link found",
-			"fail": "No valid skip link found"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/landmark.js

@@ -1,3 +0,0 @@
-return (
-	axe.utils.querySelectorAll(virtualNode, 'main, [role="main"]').length > 0
-);

data/node_modules/axe-core/lib/checks/navigation/landmark.json

@@ -1,11 +0,0 @@
-{
-	"id": "landmark",
-	"evaluate": "landmark.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Page has a landmark region",
-			"fail": "Page does not have a landmark region"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/navigation/meta-refresh.js

@@ -1,4 +0,0 @@
-var content = node.getAttribute('content') || '',
-	parsedParams = content.split(/[;,]/);
-
-return content === '' || parsedParams[0] === '0';

data/node_modules/axe-core/lib/checks/navigation/meta-refresh.json

@@ -1,11 +0,0 @@
-{
-	"id": "meta-refresh",
-	"evaluate": "meta-refresh.js",
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "<meta> tag does not immediately refresh the page",
-			"fail": "<meta> tag forces timed refresh of page"
-		}
-	}
-}