jsdom/lib/jsdom/living/css/properties/borderWidth.js

A JavaScript implementation of many web standards

"use strict";

const parsers = require("../helpers/css-values");
const borderTopWidth = require("./borderTopWidth");
const borderRightWidth = require("./borderRightWidth");
const borderBottomWidth = require("./borderBottomWidth");
const borderLeftWidth = require("./borderLeftWidth");

const property = "border-width";

const shorthandFor = new Map([
  [borderTopWidth.property, borderTopWidth],
  [borderRightWidth.property, borderRightWidth],
  [borderBottomWidth.property, borderBottomWidth],
  [borderLeftWidth.property, borderLeftWidth]
]);

const descriptor = {
  set(v, priority = "") {
    v = v.trim();
    if (parsers.hasVarFunc(v)) {
      this._borderSetter(property, v, priority);
    } else {
      const val = parse(v);
      if (Array.isArray(val) || typeof val === "string") {
        this._borderSetter(property, val, priority);
      }
    }
  },
  get() {
    return this.getPropertyValue(property);
  },
  enumerable: true,
  configurable: true
};

/**
 * Parses the border-width property value.
 *
 * @param {string} v - The value to parse.
 * @returns {Array<string>|undefined} The parsed value or undefined if invalid.
 */
function parse(v) {
  if (v === "") {
    return v;
  }
  const prepared = parsers.prepareShorthandValue(v);
  if (!prepared) {
    return undefined;
  }
  const values = parsers.parsePropertyValue(property, prepared);
  const parsedValues = [];
  if (Array.isArray(values) && values.length) {
    if (values.length > 4) {
      return undefined;
    }
    for (const value of values) {
      const parsedValue = parsers.resolveNumericValue([value], {
        length: values.length,
        type: "length"
      });
      if (!parsedValue) {
        return undefined;
      }
      parsedValues.push(parsedValue);
    }
  } else if (typeof values === "string") {
    parsedValues.push(values);
  }
  if (parsedValues.length) {
    switch (parsedValues.length) {
      case 1: {
        return parsedValues;
      }
      case 2: {
        const [val1, val2] = parsedValues;
        if (val1 === val2) {
          return [val1];
        }
        return parsedValues;
      }
      case 3: {
        const [val1, val2, val3] = parsedValues;
        if (val1 === val3) {
          if (val1 === val2) {
            return [val1];
          }
          return [val1, val2];
        }
        return parsedValues;
      }
      case 4: {
        const [val1, val2, val3, val4] = parsedValues;
        if (val2 === val4) {
          if (val1 === val3) {
            if (val1 === val2) {
              return [val1];
            }
            return [val1, val2];
          }
          return [val1, val2, val3];
        }
        return parsedValues;
      }
      default:
    }
  }
  return undefined;
}

module.exports = {
  descriptor,
  parse,
  property,
  shorthandFor
};