UNPKG

@wix/css-property-parser

Version:

A comprehensive TypeScript library for parsing and serializing CSS property values with full MDN specification compliance

86 lines (85 loc) 3.07 kB
"use strict"; // CSS align-self property evaluator // Handles CSS align-self property values according to MDN specification // https://developer.mozilla.org/en-US/docs/Web/CSS/align-self Object.defineProperty(exports, "__esModule", { value: true }); exports.parse = parse; exports.toCSSValue = toCSSValue; const types_1 = require('../types.cjs'); const shared_utils_1 = require('../utils/shared-utils.cjs'); const css_variable_1 = require('./css-variable.cjs'); // Use imported keyword arrays const BASIC_KEYWORDS = types_1.BASIC_ALIGNMENT_WITH_AUTO_KEYWORDS; const POSITIONAL_KEYWORDS = types_1.POSITIONAL_ALIGNMENT_KEYWORDS; const BASELINE_KEYWORDS = types_1.BASELINE_ALIGNMENT_KEYWORDS; const OVERFLOW_KEYWORDS = types_1.OVERFLOW_ALIGNMENT_KEYWORDS; // All valid alignment values (excluding overflow combinations) const ALL_ALIGNMENT_VALUES = [ ...BASIC_KEYWORDS, ...POSITIONAL_KEYWORDS, ...BASELINE_KEYWORDS ]; function parse(value) { if (!value || typeof value !== 'string') { return null; } const trimmed = value.trim(); if (trimmed === '') { return null; } // CSS variables can be parsed directly if ((0, shared_utils_1.isCssVariable)(trimmed)) { return (0, css_variable_1.parse)(trimmed); } // Handle global keywords if ((0, shared_utils_1.isGlobalKeyword)(trimmed)) { return { type: 'keyword', keyword: trimmed.toLowerCase() }; } const normalized = trimmed.toLowerCase(); // Handle overflow alignment (e.g., "safe center", "unsafe end") const tokens = normalized.split(/\s+/); if (tokens.length === 2) { const [modifier, alignment] = tokens; const validModifier = (0, shared_utils_1.getValidKeyword)(modifier, OVERFLOW_KEYWORDS); const validAlignment = (0, shared_utils_1.getValidKeyword)(alignment, POSITIONAL_KEYWORDS); if (validModifier && validAlignment) { // Cast to the union type that includes template literal types const combinedKeyword = `${validModifier} ${validAlignment}`; return { type: 'keyword', keyword: combinedKeyword }; } } // Handle baseline keywords with multiple spaces const normalizedSpaces = normalized.replace(/\s+/g, ' '); // Handle baseline keywords explicitly if (normalizedSpaces === 'first baseline' || normalizedSpaces === 'last baseline') { return { type: 'keyword', keyword: normalizedSpaces }; } // Handle all single keywords const validKeyword = (0, shared_utils_1.getValidKeyword)(normalizedSpaces, ALL_ALIGNMENT_VALUES); if (validKeyword) { return { type: 'keyword', keyword: validKeyword }; } return null; } function toCSSValue(parsed) { if (!parsed) { return null; } // Handle CSS variables if ('CSSvariable' in parsed) { return (0, css_variable_1.toCSSValue)(parsed); } return parsed.keyword; }