pyr0ball
7a704441a6
- web/: Vue 3 + Vite + UnoCSS + Pinia, dark tactical theme (amber/#0d1117) - AppNav, ListingCard, SearchView with filters/sort, composables (useSnipeMode, useKonamiCode, useMotion), Pinia search store - Steal shimmer, auction countdown, Snipe Mode easter egg all native in Vue - docker/web/: nginx + multi-stage Dockerfile (node build → nginx serve) - compose.yml: api (8510) + web (8509) services - Dockerfile CMD updated to uvicorn for upcoming FastAPI layer - Clean build: 0 TS errors, 380 modules
96 lines
2.4 KiB
JavaScript
96 lines
2.4 KiB
JavaScript
"use strict";
|
|
|
|
const parsers = require("../parsers");
|
|
|
|
// Constants
|
|
const { AST_TYPES } = parsers;
|
|
|
|
const property = "background-repeat";
|
|
const shorthand = "background";
|
|
|
|
const descriptor = {
|
|
set(v) {
|
|
v = parsers.prepareValue(v);
|
|
if (parsers.hasVarFunc(v)) {
|
|
this._setProperty(shorthand, "");
|
|
this._setProperty(property, v);
|
|
} else {
|
|
const val = parse(v);
|
|
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
|
|
};
|
|
|
|
/**
|
|
* Parses the background-repeat property value.
|
|
*
|
|
* @param {string} v - The value to parse.
|
|
* @returns {string|undefined} The parsed value or undefined if invalid.
|
|
*/
|
|
function parse(v) {
|
|
if (v === "") {
|
|
return v;
|
|
}
|
|
const values = parsers.splitValue(v, {
|
|
delimiter: ","
|
|
});
|
|
const parsedValues = [];
|
|
for (const val of values) {
|
|
const value = parsers.parsePropertyValue(property, val);
|
|
if (Array.isArray(value) && value.length) {
|
|
let parsedValue = "";
|
|
switch (value.length) {
|
|
case 1: {
|
|
const [part1] = value;
|
|
if (part1.type === AST_TYPES.GLOBAL_KEYWORD || part1.type === AST_TYPES.IDENTIFIER) {
|
|
parsedValue = part1.name;
|
|
}
|
|
break;
|
|
}
|
|
case 2: {
|
|
const [part1, part2] = value;
|
|
const val1 = part1.type === AST_TYPES.IDENTIFIER && part1.name;
|
|
const val2 = part2.type === AST_TYPES.IDENTIFIER && part2.name;
|
|
if (val1 && val2) {
|
|
if (val1 === "repeat" && val2 === "no-repeat") {
|
|
parsedValue = "repeat-x";
|
|
} else if (val1 === "no-repeat" && val2 === "repeat") {
|
|
parsedValue = "repeat-y";
|
|
} else if (val1 === val2) {
|
|
parsedValue = val1;
|
|
} else {
|
|
parsedValue = `${val1} ${val2}`;
|
|
}
|
|
}
|
|
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 = {
|
|
descriptor,
|
|
parse,
|
|
property
|
|
};
|