border-radius.js

import Declaration from "../declaration.js";

class BorderRadius extends Declaration {
  /**
   * Change syntax, when add Mozilla prefix
   */
  prefixed(prop, prefix) {
    if (prefix === "-moz-") {
      return prefix + (BorderRadius.toMozilla[prop] || prop);
    }
    return super.prefixed(prop, prefix);
  }

  /**
   * Return unprefixed version of property
   */
  normalize(prop) {
    return BorderRadius.toNormal[prop] || prop;
  }
}

BorderRadius.names = ["border-radius"];

BorderRadius.toMozilla = {};
BorderRadius.toNormal = {};

for (let ver of ["top", "bottom"]) {
  for (let hor of ["left", "right"]) {
    let normal = `border-${ver}-${hor}-radius`;
    let mozilla = `border-radius-${ver}${hor}`;

    BorderRadius.names.push(normal);
    BorderRadius.names.push(mozilla);

    BorderRadius.toMozilla[normal] = mozilla;
    BorderRadius.toNormal[mozilla] = normal;
  }
}

export default BorderRadius;