stylelint/lib/utils/declarationValueIndex.mjs

A mighty CSS linter that helps you avoid errors and enforce conventions.

import { isObject, isString } from './validateTypes.mjs';

/**
 * Get the index of a declaration's value
 *
 * @param {import('postcss').Declaration} decl
 * @returns {number}
 */
export default function declarationValueIndex(decl) {
	const raws = decl.raws;
	const prop = raws.prop;

	return [
		isObject(prop) && 'prefix' in prop && prop.prefix,
		(isObject(prop) && 'raw' in prop && prop.raw) || decl.prop,
		isObject(prop) && 'suffix' in prop && prop.suffix,
		raws.between || ':',
		raws.value && 'prefix' in raws.value && raws.value.prefix,
	].reduce((/** @type {number} */ count, str) => {
		if (isString(str)) {
			return count + str.length;
		}

		return count;
	}, 0);
}