Publish v0.1.2 style values are now initialized via getComputedStyle

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "chnobli",
-	"version": "0.1.1",
+	"version": "0.1.2",
 	"author": "Sören Meier <[email protected]>",
 	"type": "module",
 	"scripts": {

src/animation/property.js

@@ -159,15 +159,6 @@ export class StyleProp extends Property {
 		return new Value(0, this.unit);
 	}
 
-	getValue(target) {
-		if (target.type() !== 'dom')
-			throw new Error('error not dom');
-
-		const style = getComputedStyle(target.target);
-
-		return Value.parse(style[this.name]);
-	}
-
 	getValue(target) {
 		const val = target.getStyleValue(this.name);
 		if (!val)

src/utils/target.js

@@ -1,3 +1,5 @@
+import Value from './value.js';
+
 const DEBUG_SET_GET = false;
 
 export default class Target {
@@ -106,7 +108,24 @@ export class DomTarget extends Target {
 		if (DEBUG_SET_GET)
 			console.log('get', name);
 
-		return this.styleValues.get(name);
+		const v = this.styleValues.get(name);
+
+		if (typeof v === 'undefined' || v === null) {
+			// let's try to get it from the dom
+			const style = getComputedStyle(this.target);
+			const styleV = style[name];
+
+			try {
+				const value = Value.parse(styleV);
+				this.styleValues.set(name, value);
+
+				return value;
+			} catch (e) {
+				console.log('could not parse value', styleV);
+				return v;
+			}
+		} else
+			return v;
 	}
 
 	setStyleValue(name, value) {