CHANGELOG.md

 
+<a name="v3.35.2"></a>
+## [v3.35.2] - 2023-03-28
+### Bug Fixes
+- Updated regex to capture the negative sign
+
+
 <a name="v3.35.1"></a>
 ## [v3.35.1] - 2023-03-28
 ### Bug Fixes
@@ -503,6 +509,7 @@
 <a name="1.8.0"></a>
 ## 1.8.0 - 2021-08-15
 
+[v3.35.2]: https://gitlab.schukai.com/oss/libraries/javascript/monster/compare/v3.35.1...v3.35.2
 [v3.35.1]: https://gitlab.schukai.com/oss/libraries/javascript/monster/compare/v3.35.0...v3.35.1
 [v3.35.0]: https://gitlab.schukai.com/oss/libraries/javascript/monster/compare/v3.34.0...v3.35.0
 [v3.34.0]: https://gitlab.schukai.com/oss/libraries/javascript/monster/compare/v3.33.0...v3.34.0

application/package.json

 {
   "name": "@schukai/monster",
-  "version": "3.35.0",
+  "version": "3.35.1",
   "description": "Monster is a simple library for creating fast, robust and lightweight websites.",
   "keywords": [
     "framework",

application/source/dom/dimension.mjs

@@ -74,7 +74,7 @@ function getDeviceDPI() {
  */
 
 function convertToPixels(value, parentElement = document.documentElement, fontSizeElement = document.documentElement) {
-    const regex = /^([\d.]+)(.*)$/;
+    const regex = /^(-?[\d.]+)(.*)$/;
     const matchResult = value.match(regex);
 
     if (!matchResult) {
@@ -82,7 +82,6 @@ function convertToPixels(value, parentElement = document.documentElement, fontSi
     }
 
     const [, num, unit] = matchResult;
-    
     const number = parseFloat(num);
     const dpi = getDeviceDPI();
 

application/source/types/version.mjs

@@ -142,7 +142,7 @@ function getMonsterVersion() {
     }
 
     /** don't touch, replaced by make with package.json version */
-    monsterVersion = new Version("3.35.0");
+    monsterVersion = new Version("3.35.1");
 
     return monsterVersion;
 }

development/package.json

 {
   "name": "monster",
-  "version": "3.35.0",
+  "version": "3.35.1",
   "description": "monster",
   "repository": {
     "type": "git",

development/test/cases/dom/dimension.mjs

@@ -71,6 +71,15 @@ describe('dimension', () => {
             expect(errorFn).to.throw(Error, `Invalid value format: ${invalidValue}`);
         });
 
+        it("should handle negative values correctly", () => {
+            const negativeValue = "-10px";
+            const expectedResult = -10;
+
+            const result = convertToPixels(negativeValue);
+
+            expect(result).to.equal(expectedResult);
+        });
+
         it('should correctly convert em values', () => {
             const testElement = document.createElement('div');
             testElement.style.fontSize = '16px';

development/test/cases/monster.mjs

@@ -7,7 +7,7 @@ describe('Monster', function () {
         let monsterVersion
 
         /** don´t touch, replaced by make with package.json version */
-        monsterVersion = new Version("3.35.0")
+        monsterVersion = new Version("3.35.1")
 
         let m = getMonsterVersion();
 

release.json

-{"version":"3.35.1"}
+{"version":"3.35.2"}