feat(templating): add property name to bindable info

src/runtime/decorators.ts

@@ -102,7 +102,7 @@ function hyphenate(name) {
 * Decorator: Specifies custom behavior for a bindable property.
 * @param configOrTarget The overrides.
 */
-export function bindable(configOrTarget?: IBindableInstruction | Object, key?, descriptor?): any {
+export function bindable(configOrTarget?: Omit<IBindableInstruction, 'property'> | Object, key?, descriptor?): any {
   let deco = function(target, key2, descriptor2) {
     target = target.constructor;
 
@@ -121,6 +121,7 @@ export function bindable(configOrTarget?: IBindableInstruction | Object, key?, d
       config.mode = BindingMode.oneWay;
     }
 
+    config.property = key2;
     bindables[key2] = config;
   };
 

src/runtime/templating/instructions.ts

@@ -67,6 +67,7 @@ export interface IBindableInstruction {
   mode?: BindingMode;
   callback?: string;
   attribute?: string;
+  property?: string;
 }
 
 export type TemplateDefinition = Immutable<Required<ITemplateSource>>;

src/runtime/templating/rendering-engine.ts

@@ -248,8 +248,8 @@ class RuntimeCompilationResources implements ICompilationResources {
     return this.getDescription<IAttributeDescription>(Resource.attribute.key(attributeName));
   }
 
-  private getDescription<T extends (IElementDescription | IAttributeDescription)>(name: string) {
-    const resolver = this.context.getResolver(name);
+  private getDescription<T extends (IElementDescription | IAttributeDescription)>(key: string) {
+    const resolver = this.context.getResolver(key);
 
     if (resolver !== null && resolver.getFactory) {
       let factory = resolver.getFactory(this.context);

src/runtime/templating/runtime-behavior.ts

@@ -43,7 +43,7 @@ export class RuntimeBehavior implements IRuntimeBehavior {
       const callback = `${name}Changed`;
 
       if (callback in instance) {
-        bindables[name] = { callback };
+        bindables[name] = { callback, property: name };
       }
     }