[package:mdv] Support binding to HTMLSelectElement.selectedIndex

pkg/mdv/lib/src/bindings.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 part of mdv;
 
 // This code is a port of Model-Driven-Views:
 // https://github.com/polymer-project/mdv
 // The code mostly comes from src/template_element.js
 
 typedef void _ChangeHandler(value);
 
 abstract class _InputBinding {
-  final InputElement element;
+  // InputElement or SelectElement
+  final element;
   PathObserver binding;
   StreamSubscription _pathSub;
   StreamSubscription _eventSub;
 
   _InputBinding(this.element, model, String path) {
     binding = new PathObserver(model, path);
     _pathSub = binding.bindSync(valueChanged);
     _eventSub = _getStreamForInputType(element).listen(updateBinding);
   }
 
@@ skipping 19 matching lines @@
     });
     checkbox.onChange.listen((e) {
       fired.add(Element.changeEvent);
     });
     checkbox.dispatchEvent(new MouseEvent('click', view: window));
     // WebKit/Blink don't fire the change event if the element is outside the
     // document, so assume 'change' for that case.
     return fired.length == 1 ? Element.changeEvent : fired.first;
   }();
 
-  static Stream<Event> _getStreamForInputType(InputElement element) {
+  static Stream<Event> _getStreamForInputType(element) {
     switch (element.type) {
       case 'checkbox':
         return _checkboxEventType.forTarget(element);
       case 'radio':
       case 'select-multiple':
       case 'select-one':
         return element.onChange;
       default:
         return element.onInput;
     }
   }
 }
 
-class _ValueBinding extends _InputBinding {

[Jennifer Messerly, 2013/06/27 23:59:48]

these just moved to input_element

-  _ValueBinding(element, model, path) : super(element, model, path);
-
-  void valueChanged(value) {
-    element.value = value == null ? '' : '$value';
-  }
-
-  void updateBinding(e) {
-    binding.value = element.value;
-  }
-}
-
-class _CheckedBinding extends _InputBinding {
-  _CheckedBinding(element, model, path) : super(element, model, path);
-
-  void valueChanged(value) {
-    element.checked = _Bindings._toBoolean(value);
-  }
-
-  void updateBinding(e) {
-    binding.value = element.checked;
-
-    // Only the radio button that is getting checked gets an event. We
-    // therefore find all the associated radio buttons and update their
-    // CheckedBinding manually.
-    if (element is InputElement && element.type == 'radio') {
-      for (var r in _getAssociatedRadioButtons(element)) {
-        var checkedBinding = _mdv(r)._checkedBinding;
-        if (checkedBinding != null) {
-          // Set the value directly to avoid an infinite call stack.
-          checkedBinding.binding.value = false;
-        }
-      }
-    }
-  }
-
-  // |element| is assumed to be an HTMLInputElement with |type| == 'radio'.
-  // Returns an array containing all radio buttons other than |element| that
-  // have the same |name|, either in the form that |element| belongs to or,
-  // if no form, in the document tree to which |element| belongs.
-  //
-  // This implementation is based upon the HTML spec definition of a
-  // "radio button group":
-  //   http://www.whatwg.org/specs/web-apps/current-work/multipage/number-state.html#radio-button-group
-  //
-  static Iterable _getAssociatedRadioButtons(element) {
-    if (!_isNodeInDocument(element)) return [];
-    if (element.form != null) {
-      return element.form.nodes.where((el) {
-        return el != element &&
-            el is InputElement &&
-            el.type == 'radio' &&
-            el.name == element.name;
-      });
-    } else {
-      var radios = element.document.queryAll(
-          'input[type="radio"][name="${element.name}"]');
-      return radios.where((el) => el != element && el.form == null);
-    }
-  }
-
-  // TODO(jmesserly): polyfill document.contains API instead of doing it here
-  static bool _isNodeInDocument(Node node) {
-    // On non-IE this works:
-    // return node.document.contains(node);
-    var document = node.document;
-    if (node == document || node.parentNode == document) return true;
-    return document.documentElement.contains(node);
-  }
-}
-
 class _Bindings {
   // TODO(jmesserly): not sure what kind of boolean conversion rules to
   // apply for template data-binding. HTML attributes are true if they're
   // present. However Dart only treats "true" as true. Since this is HTML we'll
   // use something closer to the HTML rules: null (missing) and false are false,
   // everything else is true. See: https://github.com/polymer-project/mdv/issues/59
   static bool _toBoolean(value) => null != value && false != value;
 
   static Node _createDeepCloneAndDecorateTemplates(Node node, String syntax) {
     var clone = node.clone(false); // Shallow clone.
@@ skipping 355 matching lines @@
         nodeExt._templateIterator = null;
       }
     }
 
     _Bindings._nodeOrCustom(node).unbindAll();
     for (var c = node.firstChild; c != null; c = c.nextNode) {
       _unbindAllRecursively(c);
     }
   }
 }