diff options
Diffstat (limited to 'vanilla/node_modules/cssstyle/lib/properties/backgroundPosition.js')
| -rw-r--r-- | vanilla/node_modules/cssstyle/lib/properties/backgroundPosition.js | 204 |
1 files changed, 204 insertions, 0 deletions
diff --git a/vanilla/node_modules/cssstyle/lib/properties/backgroundPosition.js b/vanilla/node_modules/cssstyle/lib/properties/backgroundPosition.js new file mode 100644 index 0000000..23c6c68 --- /dev/null +++ b/vanilla/node_modules/cssstyle/lib/properties/backgroundPosition.js @@ -0,0 +1,204 @@ +"use strict"; + +const parsers = require("../parsers"); + +const property = "background-position"; +const shorthand = "background"; +const keyX = ["left", "right"]; +const keyY = ["top", "bottom"]; +const keywordsX = ["center", ...keyX]; +const keywordsY = ["center", ...keyY]; +const keywords = ["center", ...keyX, ...keyY]; + +module.exports.parse = (v, opt = {}) => { + const { globalObject } = opt; + if (v === "") { + return v; + } + const { AST_TYPES } = parsers; + const values = parsers.splitValue(v, { + delimiter: "," + }); + const parsedValues = []; + for (const val of values) { + const value = parsers.parsePropertyValue(property, val, { + globalObject, + inArray: true + }); + if (Array.isArray(value) && value.length) { + const [part1, part2, part3, part4] = value; + let parsedValue = ""; + switch (value.length) { + case 1: { + const val1 = + part1.type === AST_TYPES.IDENTIFIER + ? part1.name + : parsers.resolveNumericValue([part1], { type: "length" }); + if (val1) { + if (val1 === "center") { + parsedValue = `${val1} ${val1}`; + } else if (val1 === "top" || val1 === "bottom") { + parsedValue = `center ${val1}`; + } else { + parsedValue = `${val1} center`; + } + } + break; + } + case 2: { + const val1 = + part1.type === AST_TYPES.IDENTIFIER + ? part1.name + : parsers.resolveNumericValue([part1], { type: "length" }); + const val2 = + part2.type === AST_TYPES.IDENTIFIER + ? part2.name + : parsers.resolveNumericValue([part2], { type: "length" }); + if (val1 && val2) { + if (keywordsX.includes(val1) && keywordsY.includes(val2)) { + parsedValue = `${val1} ${val2}`; + } else if (keywordsY.includes(val1) && keywordsX.includes(val2)) { + parsedValue = `${val2} ${val1}`; + } else if (keywordsX.includes(val1)) { + if (val2 === "center" || !keywordsX.includes(val2)) { + parsedValue = `${val1} ${val2}`; + } + } else if (keywordsY.includes(val2)) { + if (!keywordsY.includes(val1)) { + parsedValue = `${val1} ${val2}`; + } + } else if (!keywordsY.includes(val1) && !keywordsX.includes(val2)) { + parsedValue = `${val1} ${val2}`; + } + } + break; + } + case 3: { + const val1 = part1.type === AST_TYPES.IDENTIFIER && part1.name; + const val2 = + part2.type === AST_TYPES.IDENTIFIER + ? part2.name + : parsers.resolveNumericValue([part2], { type: "length" }); + const val3 = + part3.type === AST_TYPES.IDENTIFIER + ? part3.name + : parsers.resolveNumericValue([part3], { type: "length" }); + if (val1 && val2 && val3) { + let posX = ""; + let offX = ""; + let posY = ""; + let offY = ""; + if (keywordsX.includes(val1)) { + if (keyY.includes(val2)) { + if (!keywords.includes(val3)) { + posX = val1; + posY = val2; + offY = val3; + } + } else if (keyY.includes(val3)) { + if (!keywords.includes(val2)) { + posX = val1; + offX = val2; + posY = val3; + } + } + } else if (keywordsY.includes(val1)) { + if (keyX.includes(val2)) { + if (!keywords.includes(val3)) { + posX = val2; + offX = val3; + posY = val1; + } + } else if (keyX.includes(val3)) { + if (!keywords.includes(val2)) { + posX = val3; + posY = val1; + offY = val2; + } + } + } + if (posX && posY) { + if (offX) { + parsedValue = `${posX} ${offX} ${posY}`; + } else if (offY) { + parsedValue = `${posX} ${posY} ${offY}`; + } + } + } + break; + } + case 4: { + const val1 = part1.type === AST_TYPES.IDENTIFIER && part1.name; + const val2 = parsers.resolveNumericValue([part2], { type: "length" }); + const val3 = part3.type === AST_TYPES.IDENTIFIER && part3.name; + const val4 = parsers.resolveNumericValue([part4], { type: "length" }); + if (val1 && val2 && val3 && val4) { + let posX = ""; + let offX = ""; + let posY = ""; + let offY = ""; + if (keywordsX.includes(val1) && keyY.includes(val3)) { + posX = val1; + offX = val2; + posY = val3; + offY = val4; + } else if (keyX.includes(val1) && keywordsY.includes(val3)) { + posX = val1; + offX = val2; + posY = val3; + offY = val4; + } else if (keyY.includes(val1) && keywordsX.includes(val3)) { + posX = val3; + offX = val4; + posY = val1; + offY = val2; + } + if (posX && offX && posY && offY) { + parsedValue = `${posX} ${offX} ${posY} ${offY}`; + } + } + break; + } + default: + } + if (parsedValue) { + parsedValues.push(parsedValue); + } else { + return; + } + } else if (typeof value === "string") { + parsedValues.push(value); + } + } + if (parsedValues.length) { + return parsedValues.join(", "); + } +}; + +module.exports.definition = { + set(v) { + v = parsers.prepareValue(v); + if (parsers.hasVarFunc(v)) { + this._setProperty(shorthand, ""); + this._setProperty(property, v); + } else { + const val = module.exports.parse(v, { + globalObject: this._global + }); + if (typeof val === "string") { + const priority = + !this._priorities.get(shorthand) && this._priorities.has(property) + ? this._priorities.get(property) + : ""; + this._setProperty(property, val, priority); + } + } + }, + get() { + return this.getPropertyValue(property); + }, + enumerable: true, + configurable: true +}; + +module.exports.property = property; |