Wrapping leaf nodes in non polymer elements

runtime/observatory/lib/src/elements/vm_connect_target_wrapper.dart

Index: runtime/observatory/lib/src/elements/vm_connect_target_wrapper.dart
diff --git a/runtime/observatory/lib/src/elements/vm_connect_target_wrapper.dart b/runtime/observatory/lib/src/elements/vm_connect_target_wrapper.dart
new file mode 100644
index 0000000000000000000000000000000000000000..e46e0d084e7e58732a0d7835592a5bfcaaf9d849
--- /dev/null
+++ b/runtime/observatory/lib/src/elements/vm_connect_target_wrapper.dart
@@ -0,0 +1,66 @@
+// Copyright (c) 2016, 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.
+
+import 'dart:html';
+import 'package:observatory/app.dart';
+import 'package:observatory/service_html.dart';
+import 'package:observatory/src/elements/helpers/tag.dart';
+import 'package:observatory/src/elements/shims/binding.dart';
+import 'package:observatory/src/elements/vm_connect_target.dart';
+
+class VmConnectTargetElementWrapper extends HtmlElement {
+  static final binder = new Binder<VmConnectTargetElementWrapper>(
+    const [const Binding('target')]);
+
+  static const tag =
+    const Tag<VmConnectTargetElementWrapper>('vm-connect-target');
+
+  WebSocketVMTarget _target;
+  WebSocketVMTarget get target => _target;
+  void set target(WebSocketVMTarget target) { _target = target; render(); }
+
+  VmConnectTargetElementWrapper.created() : super.created() {
+    binder.registerCallback(this);
+    createShadowRoot();
+    render();
+  }
+
+  @override
+  void attached() {
+    super.attached();
+    render();
+  }
+
+  void render() {
+    if (target == null) return;
+
+    shadowRoot.children = [
+      new StyleElement()
+        ..text = '@import "packages/observatory/src/elements/css/shared.css";',
+      new VmConnectTargetElement(target, current: isCurrent)
+        ..onConnect.listen(connectToVm)
+        ..onDelete.listen(deleteVm)
+    ];
+  }
+
+  static ObservatoryApplication get application => ObservatoryApplication.app;
+
+  bool get isCurrent {
+    if (application.vm == null) { return false; }
+    return (application.vm as WebSocketVM).target == target;
+  }
+
+  static void connectToVm(WebSocketVMTargetEvent event) {
+    WebSocketVM currentVM = application.vm;
+    if ((currentVM == null) ||
+        currentVM.isDisconnected ||
+        (currentVM.target != event.target)) {
+      application.vm = new WebSocketVM(event.target);
+    }
+  }
+
+  static void deleteVm(WebSocketVMTargetEvent event) {
+    application.targets.remove(event.target);
+  }
+}