adding attribute tag

slimjs · Oct 10, 2017 · efff10e · efff10e
1 parent 6268442
commit efff10e
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 15 deletions.
diff --git a/Decorators.d.ts b/Decorators.d.ts
@@ -1,3 +1,4 @@
 export declare function tag(selector:string):any;
 export declare function template(tpl:string):any;
-export declare function useShadow(value:boolean):any;
+export declare function useShadow(value:boolean):any;
+export declare function attribute():any;
diff --git a/Decorators.js b/Decorators.js
@@ -1,3 +1,5 @@
+import {Slim} from "./Slim"
+
 module.exports = {
     tag: function(selector) {
         return function(target) {
@@ -17,14 +19,10 @@ module.exports = {
         return function(target) {
             target.prototype.__defineGetter__('useShadow', function() { return value; })
         }
-    }
+    },
 
-    // bindable: function() {
-    //     const args = Array.prototype.slice.call(arguments)
-    //     return function(target) {
-    //         target.prototype._isPropertyBindable = function (prop) {
-    //             return args.indexOf(prop) >= 0
-    //         }
-    //     }
-    // }
+    attribute: function(target, key) {
+        target.constructor.observedAttributes = target.constructor.observedAttributes || []
+        target.constructor.observedAttributes.push(Slim.__camelToDash(key))
+    }
 };
diff --git a/Slim.js b/Slim.js
@@ -82,6 +82,11 @@ var Slim = function (_CustomElement2) {
                 if (Slim.__prototypeDict[tag] === clazz) return tag;
             }
         }
+    }, {
+        key: 'getClass',
+        value: function getClass(tag) {
+            return Slim.__prototypeDict[tag];
+        }
     }, {
         key: '__createUqIndex',
         value: function __createUqIndex() {
@@ -662,10 +667,12 @@ var Slim = function (_CustomElement2) {
     }, {
         key: 'attributeChangedCallback',
         value: function attributeChangedCallback(attr, oldValue, newValue) {
+            var camelCased = Slim.__dashToCamel(attr);
             if (oldValue === newValue) return;
             if (!this._bindings) return;
-            if (this._bindings[attr]) {
-                this[Slim.__dashToCamel(attr)] = newValue;
+            if (this._bindings[camelCased] || this._bindables && this._bindables.hasOwnProperty(camelCased)) {
+                this[camelCased] = newValue;
+                this._executeBindings(camelCased);
             }
         }
     }, {

diff --git a/Slim.min.js b/Slim.min.js
diff --git a/src/Slim.js b/src/Slim.js
@@ -55,6 +55,10 @@ class Slim extends HTMLElement {
         }
     }
 
+    static getClass(tag) {
+        return Slim.__prototypeDict[tag]
+    }
+
     static __createUqIndex() {
         Slim.__uqIndex++;
         return Slim.__uqIndex.toString(16);
@@ -719,10 +723,12 @@ class Slim extends HTMLElement {
     }
 
     attributeChangedCallback(attr, oldValue, newValue) {
+        const camelCased = Slim.__dashToCamel(attr)
         if (oldValue === newValue) return;
         if (!this._bindings) return;
-        if (this._bindings[attr]) {
-            this[Slim.__dashToCamel(attr)] = newValue;
+        if (this._bindings[camelCased] || (this._bindables && this._bindables.hasOwnProperty(camelCased))) {
+            this[camelCased] = newValue;
+            this._executeBindings(camelCased)
         }
     }