vsn 0.1.45 → 0.1.48

package/src/attributes/StandardAttribute.ts

@@ -2,15 +2,9 @@ import {Attribute} from "../Attribute";
 
 export class StandardAttribute extends Attribute {
     public static readonly canDefer: boolean = false;
-    protected static readonly magicAttributes: string[] = [
-        '@text',
-        '@html',
-        '@class',
-        '@value'
-    ];
 
     public async setup() {
-        if (StandardAttribute.magicAttributes.indexOf(this.key) === -1 && !this.tag.element.hasAttribute(this.attributeName)) {
+        if (!this.tag.isMagicAttribute(this.key) && !this.tag.element.hasAttribute(this.attributeName)) {
             this.tag.element.setAttribute(this.attributeName, '');
         }
         await super.setup();
@@ -51,7 +45,7 @@ export class StandardAttribute extends Attribute {
 
     public updateTo() {
         if (this.needsToBeSynced)
-            this.value = this.tag.scope.get(`@${this.attributeName}`);
+            this.value = this.tag.scope.get(this.key);
     }
 
     public updateFrom() {
@@ -64,32 +58,10 @@ export class StandardAttribute extends Attribute {
     }
 
     public set value(value: any) {
-        if (this.key === '@text')
-            this.tag.element.innerText = value;
-        else if (this.key === '@html')
-            this.tag.element.innerHTML = value;
-        else if (this.key === '@value')
-            this.tag.value = value;
-        else if (this.key === '@class' && value) {
-            this.tag.element.classList.remove(...Array.from(this.tag.element.classList));
-            const classes: string[] = value instanceof Array ? value : [value];
-            if (classes.length)
-                this.tag.element.classList.add(...classes);
-        }
-        else
-            this.tag.element.setAttribute(this.attributeName, value);
+        this.tag.setElementAttribute(this.tag.isMagicAttribute(this.key) ? this.key : this.attributeName, value);
     }
 
     public get value(): any {
-        if (this.key === '@text')
-            return this.tag.element.innerText;
-        else if (this.key === '@html')
-            return this.tag.element.innerHTML;
-        else if (this.key === '@value')
-            return this.tag.value;
-        else if (this.key === '@class') {
-            return Array.from(this.tag.element.classList);
-        } else
-            return this.tag.element.getAttribute(this.attributeName);
+        return this.tag.getElementAttribute(this.tag.isMagicAttribute(this.key) ? this.key : this.attributeName);
     }
 }

package/types/vsn-component.d.ts

@@ -0,0 +1,5 @@
+
+declare module "*.vsn" {
+  const content: string;
+  export default content;
+}