Version 0.8.10.9

dart/samples/logo/logo.dart

 // Copyright (c) 2012, 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 'dart:svg';
 import 'dart:math' as Math;
 
 class Color {
   int hue;
@@ skipping 80 matching lines @@
 
 SvgSvgElement logo;
 InputElement hue, saturation, lightness;
 Map<String, Color> defaultColors;
 
 onSliderChange(_) {
   final hueDelta = int.parse(hue.value) - 180;
   final saturationMod = int.parse(saturation.value)/100;
   final lightnessMod = int.parse(lightness.value)/100;
 
-  logo.queryAll("path").forEach((p) {
+  logo.querySelectorAll("path").forEach((p) {
     final color = defaultColors[p.id].dup();
     color.hue += hueDelta;
 
     if (saturationMod > 0) {
       color.saturation += saturationMod * (1 - color.saturation);
     } else {
       color.saturation += saturationMod * color.saturation;
     }
 
     if (lightnessMod > 0) {
@@ skipping 41 matching lines @@
      d="m 273.04948,79.876866 c 0.072,0.02 0.148,0.044 0.22,0.064 l -0.004,-0.02 c -0.076,-0.02 -0.144,-0.024 -0.216,-0.044 z m 38.66001,20.576004 c -8.792,-8.860004 -24.37601,-16.912004 -38.44001,-20.512004 l 67.62801,191.727994 -21.24,47.93601 -0.02,0.008 51.928,-16.592 0.1,-142.368 -59.956,-60.2 z"
      id="path2908"
      style="fill: #008bc9" />
   <path
      d="M 263.78548,53.048866 220.45349,10.028873 c -10.02,-9.92799955 -23.664,-13.0239996 -30.26,-6.8439996 L 77.677489,77.672866 l 174.239991,-0.036 8.64,0.308 c 3.9,0.124 8.228,0.832 12.708,1.98 l -9.48,-26.876 z m -186.111991,24.62"
      id="path2910"
      style="fill: #75ccc3" />
 </svg>
 """);
 
-  query("#icon").children.add(logo);
-  logo.queryAll("path").forEach((p) {
+  querySelector("#icon").children.add(logo);
+  logo.querySelectorAll("path").forEach((p) {
     defaultColors[p.id] = new Color.fromHex(p.style.getPropertyValue('fill'));
   });
 
-  hue = document.query("input[name=hue]");
+  hue = document.querySelector("input[name=hue]");
   hue.onChange.listen(onSliderChange);
-  saturation = document.query("input[name=saturation]");
+  saturation = document.querySelector("input[name=saturation]");
   saturation.onChange.listen(onSliderChange);
-  lightness = document.query("input[name=lightness]");
+  lightness = document.querySelector("input[name=lightness]");
   lightness.onChange.listen(onSliderChange);
 
-  document.query("input[name=invert]").onChange.listen((Event e) {
+  document.querySelector("input[name=invert]").onChange.listen((Event e) {
     InputElement invert = e.target;
     if (invert.checked) {
       logo.classes = ['inverse'];
     } else {
       logo.classes = [];
     }
   });
 }