Mock up code completion.

dart/site/try/src/decoration.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.
 
 library trydart.decoration;
 
 import 'dart:html';
 
 class Decoration {
   final String color;
@@ skipping 81 matching lines @@
 
 warning(text) {
   if (text is String) {
     text = new Text(text);
   }
   return new SpanElement()
       ..classes.add('alert')
       ..style.opacity = '0.75'
       ..append(text);
 }
+
+class CodeCompletionDecoration extends Decoration {
+  const CodeCompletionDecoration(
+      {String color: '#000000',
+       bool bold: false,
+       bool italic: false,
+       bool stress: false,
+       bool important: false})
+      : super(color: color, bold: bold, italic: italic, stress: stress,
+              important: important);
+
+  static from(Decoration decoration) {
+    return new CodeCompletionDecoration(
+        color: decoration.color,
+        bold: decoration.bold,
+        italic: decoration.italic,
+        stress: decoration.stress,
+        important: decoration.important);
+  }
+
+  Element applyTo(text) {
+    var codeCompletion = new DivElement()
+        ..contentEditable = 'false'
+        ..classes.add('dart-code-completion')
+        ..appendText('Completion goes here');
+    return super.applyTo(text)
+        ..classes.add('dart-code-completion-holder')
+        ..nodes.add(codeCompletion);
+  }
+}