Port ElementToScopeBinding to Binding API #37 (#54)

* Port ElementToScopeBinding to Binding API #37

* use method syntax

lib/bindings/ElementToScopeBinding.js

@@ -0,0 +1,49 @@
+import BindingApi from '../BindingApi.js';
+
+const ElementToScopeBinding = {
+
+    /**
+     * @type {string}
+     */
+    name: 'scope-id',
+
+    /**
+     * @type {Node}
+     */
+    parentNode: null,
+
+    /**
+     * @constructs
+     * @extends {module:DataBinding.Binding}
+     *
+     * @param  {Node} parentNode   parent node of this binding
+     * @param  {Object} scopeInfo  scope metadata object
+     * @param  {string} text       original text value of the binding
+     *
+     * @return {void}
+     */
+    _make({ node, text }) {
+        super._make.apply(this);
+
+        this.parentNode = node;
+        this.text = text;
+
+        BindingApi(this).attachBinding(this);
+    },
+
+    update(scope) {
+        /** @type {Node} */
+        let currentValue = BindingApi(this).parser.parseExpression(this.text, scope);
+
+        if (currentValue !== this.parentNode) {
+            BindingApi(this).parser.assignExpression(this.text, scope, this.parentNode);
+            scope.update();
+        }
+    },
+
+    __proto__: BindingApi().Binding,
+};
+
+BindingApi().registerBinding(ElementToScopeBinding);
+
+export default ElementToScopeBinding;

main.js

@@ -10,7 +10,7 @@ import { polyInvoke } from './lib/Util.js';
 import ViewPort from './lib/ViewPort.js';
 import * as Config from './lib/Config';
 import './lib/bindings/IfBinding.js';
-import './lib/ElementToScopeBinding.js';
+import './lib/bindings/ElementToScopeBinding.js';
 import './lib/bindings/HtmlBinding.js';
 import './lib/bindings/CloakBinding.js';
 import './lib/bindings/AttributeBinding';