From 76cb9c2a39d477a64824a985ade40507e3bbade1 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Fri, 13 Feb 2026 21:34:48 -0800 Subject: feat(vanilla): add testing infrastructure and tests (NK-wjnczv) --- .../node_modules/cssstyle/lib/properties/flex.js | 178 +++++++++++++++++++++ 1 file changed, 178 insertions(+) create mode 100644 vanilla/node_modules/cssstyle/lib/properties/flex.js (limited to 'vanilla/node_modules/cssstyle/lib/properties/flex.js') diff --git a/vanilla/node_modules/cssstyle/lib/properties/flex.js b/vanilla/node_modules/cssstyle/lib/properties/flex.js new file mode 100644 index 0000000..084e99d --- /dev/null +++ b/vanilla/node_modules/cssstyle/lib/properties/flex.js @@ -0,0 +1,178 @@ +"use strict"; + +const parsers = require("../parsers"); +const flexGrow = require("./flexGrow"); +const flexShrink = require("./flexShrink"); +const flexBasis = require("./flexBasis"); + +const property = "flex"; + +module.exports.initialValues = new Map([ + [flexGrow.property, "0"], + [flexShrink.property, "1"], + [flexBasis.property, "auto"] +]); + +module.exports.shorthandFor = new Map([ + [flexGrow.property, flexGrow], + [flexShrink.property, flexShrink], + [flexBasis.property, flexBasis] +]); + +module.exports.parse = (v, opt = {}) => { + const { globalObject } = opt; + if (v === "") { + return v; + } + const { AST_TYPES } = parsers; + const value = parsers.parsePropertyValue(property, v, { + globalObject, + inArray: true + }); + if (Array.isArray(value) && value.length) { + const flex = { + [flexGrow.property]: "1", + [flexShrink.property]: "1", + [flexBasis.property]: "0%" + }; + if (value.length === 1) { + const [{ isNumber, name, type, unit, value: itemValue }] = value; + switch (type) { + case AST_TYPES.CALC: { + if (isNumber) { + flex[flexGrow.property] = `${name}(${itemValue})`; + return flex; + } + flex[flexBasis.property] = `${name}(${itemValue})`; + return flex; + } + case AST_TYPES.DIMENSION: { + flex[flexBasis.property] = `${itemValue}${unit}`; + return flex; + } + case AST_TYPES.GLOBAL_KEYWORD: { + return name; + } + case AST_TYPES.IDENTIFIER: { + if (name === "none") { + return { + [flexGrow.property]: "0", + [flexShrink.property]: "0", + [flexBasis.property]: "auto" + }; + } + flex[flexBasis.property] = name; + return flex; + } + case AST_TYPES.NUMBER: { + flex[flexGrow.property] = itemValue; + return flex; + } + case AST_TYPES.PERCENTAGE: { + flex[flexBasis.property] = `${itemValue}%`; + return flex; + } + default: + } + } else { + const [val1, val2, val3] = value; + if (val1.type === AST_TYPES.CALC && val1.isNumber) { + flex[flexGrow.property] = `${val1.name}(${val1.value})`; + } else if (val1.type === AST_TYPES.NUMBER) { + flex[flexGrow.property] = val1.value; + } else { + return; + } + if (val3) { + if (val2.type === AST_TYPES.CALC && val2.isNumber) { + flex[flexShrink.property] = `${val2.name}(${val2.value})`; + } else if (val2.type === AST_TYPES.NUMBER) { + flex[flexShrink.property] = val2.value; + } else { + return; + } + if (val3.type === AST_TYPES.GLOBAL_KEYWORD || val3.type === AST_TYPES.IDENTIFIER) { + flex[flexBasis.property] = val3.name; + } else if (val3.type === AST_TYPES.CALC && !val3.isNumber) { + flex[flexBasis.property] = `${val3.name}(${val3.value})`; + } else if (val3.type === AST_TYPES.DIMENSION) { + flex[flexBasis.property] = `${val3.value}${val3.unit}`; + } else if (val3.type === AST_TYPES.PERCENTAGE) { + flex[flexBasis.property] = `${val3.value}%`; + } else { + return; + } + } else { + switch (val2.type) { + case AST_TYPES.CALC: { + if (val2.isNumber) { + flex[flexShrink.property] = `${val2.name}(${val2.value})`; + } else { + flex[flexBasis.property] = `${val2.name}(${val2.value})`; + } + break; + } + case AST_TYPES.DIMENSION: { + flex[flexBasis.property] = `${val2.value}${val2.unit}`; + break; + } + case AST_TYPES.NUMBER: { + flex[flexShrink.property] = val2.value; + break; + } + case AST_TYPES.PERCENTAGE: { + flex[flexBasis.property] = `${val2.value}%`; + break; + } + case AST_TYPES.IDENTIFIER: { + flex[flexBasis.property] = val2.name; + break; + } + default: { + return; + } + } + } + return flex; + } + } else if (typeof value === "string") { + return value; + } +}; + +module.exports.definition = { + set(v) { + v = parsers.prepareValue(v); + if (parsers.hasVarFunc(v)) { + for (const [longhand] of module.exports.shorthandFor) { + this._setProperty(longhand, ""); + } + this._setProperty(property, v); + } else { + const val = module.exports.parse(v, { + globalObject: this._global + }); + const priority = this._priorities.get(property) ?? ""; + if (typeof val === "string") { + for (const [longhand] of module.exports.shorthandFor) { + this._setProperty(longhand, val, priority); + } + this._setProperty(property, val, priority); + } else if (val) { + const values = []; + for (const [longhand, value] of Object.entries(val)) { + values.push(value); + this._setProperty(longhand, value, priority); + } + this._setProperty(property, values.join(" "), priority); + } + } + }, + get() { + return this.getPropertyValue(property); + }, + enumerable: true, + configurable: true +}; + +module.exports.property = property; -- cgit v1.2.3