Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
67 lines
2.4 KiB
JavaScript
67 lines
2.4 KiB
JavaScript
/**
|
|
* CSS Measurement Converter.
|
|
*/
|
|
export default 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;
|
|
}
|
|
}
|
|
//# sourceMappingURL=CSSMeasurementConverter.js.map
|