happy-dom
Version:
Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML.
70 lines • 2.56 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/**
* CSS Measurement Converter.
*/
class CSSMeasurementConverter {
/**
* Returns measurement in pixels.
*
* @param options Options.
* @param options.window Owner window.
* @param options.value Measurement (e.g. "10px", "10rem" or "10em").
* @param options.rootFontSize Root font size in pixels.
* @param options.parentFontSize Parent font size in pixels.
* @param [options.parentSize] Parent size in pixels.
* @returns Measurement in pixels.
*/
static toPixels(options) {
const value = parseFloat(options.value);
const unit = options.value.replace(value.toString(), '');
if (isNaN(value)) {
return null;
}
switch (unit) {
case 'px':
return value;
case 'rem':
return this.round(value * parseFloat(options.rootFontSize));
case 'em':
return this.round(value * parseFloat(options.parentFontSize));
case 'vw':
return this.round((value * options.window.innerWidth) / 100);
case 'vh':
return this.round((value * options.window.innerHeight) / 100);
case '%':
return options.parentSize !== undefined && options.parentSize !== null
? this.round((value * parseFloat(options.parentSize)) / 100)
: null;
case 'vmin':
return this.round((value * Math.min(options.window.innerWidth, options.window.innerHeight)) / 100);
case 'vmax':
return (value * Math.max(options.window.innerWidth, options.window.innerHeight)) / 100;
case 'cm':
return this.round(value * 37.7812);
case 'mm':
return this.round(value * 3.7781);
case 'in':
return this.round(value * 96);
case 'pt':
return this.round(value * 1.3281);
case 'pc':
return this.round(value * 16);
case 'Q':
return this.round(value * 0.945);
default:
return null;
}
}
/**
* Rounds the number with 4 decimals.
*
* @param value Value.
* @returns Rounded value.
*/
static round(value) {
return Math.round(value * 10000) / 10000;
}
}
exports.default = CSSMeasurementConverter;
//# sourceMappingURL=CSSMeasurementConverter.cjs.map