ANDJJJJJJ/server/node_modules/cssstyle/lib/properties/backgroundPosition.js

"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;