Index: tools/dom/src/dart2js_CssClassSet.dart |
diff --git a/tools/dom/src/dart2js_CssClassSet.dart b/tools/dom/src/dart2js_CssClassSet.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..783828b6a3876fee38b8d3a4a06382d8491d9c67 |
--- /dev/null |
+++ b/tools/dom/src/dart2js_CssClassSet.dart |
@@ -0,0 +1,249 @@ |
+// Copyright (c) 2015, 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 html; |
+ |
+/** |
+ * A set (union) of the CSS classes that are present in a set of elements. |
+ * Implemented separately from _ElementCssClassSet for performance. |
+ */ |
+class _MultiElementCssClassSet extends CssClassSetImpl { |
+ final Iterable<Element> _elementIterable; |
+ |
+ // TODO(sra): Perhaps we should store the DomTokenList instead. |
+ final List<CssClassSetImpl> _sets; |
+ |
+ factory _MultiElementCssClassSet(Iterable<Element> elements) { |
+ return new _MultiElementCssClassSet._(elements, |
+ elements.map((Element e) => e.classes).toList()); |
+ } |
+ |
+ _MultiElementCssClassSet._(this._elementIterable, this._sets); |
+ |
+ Set<String> readClasses() { |
+ var s = new LinkedHashSet<String>(); |
+ _sets.forEach((CssClassSetImpl e) => s.addAll(e.readClasses())); |
+ return s; |
+ } |
+ |
+ void writeClasses(Set<String> s) { |
+ var classes = s.join(' '); |
+ for (Element e in _elementIterable) { |
+ e.className = classes; |
+ } |
+ } |
+ |
+ /** |
+ * Helper method used to modify the set of css classes on this element. |
+ * |
+ * f - callback with: |
+ * s - a Set of all the css class name currently on this element. |
+ * |
+ * After f returns, the modified set is written to the |
+ * className property of this element. |
+ */ |
+ modify( f(Set<String> s)) { |
+ _sets.forEach((CssClassSetImpl e) => e.modify(f)); |
+ } |
+ |
+ /** |
+ * Adds the class [value] to the element if it is not on it, removes it if it |
+ * is. |
+ * |
+ * TODO(sra): It seems wrong to collect a 'changed' flag like this when the |
+ * underlying toggle returns an 'is set' flag. |
+ */ |
+ bool toggle(String value, [bool shouldAdd]) => |
+ _sets.fold(false, |
+ (bool changed, CssClassSetImpl e) => |
+ e.toggle(value, shouldAdd) || changed); |
+ |
+ /** |
+ * Remove the class [value] from element, and return true on successful |
+ * removal. |
+ * |
+ * This is the Dart equivalent of jQuery's |
+ * [removeClass](http://api.jquery.com/removeClass/). |
+ */ |
+ bool remove(Object value) => _sets.fold(false, |
+ (bool changed, CssClassSetImpl e) => e.remove(value) || changed); |
+} |
+ |
+class _ElementCssClassSet extends CssClassSetImpl { |
+ final Element _element; |
+ |
+ _ElementCssClassSet(this._element); |
+ |
+ Set<String> readClasses() { |
+ var s = new LinkedHashSet<String>(); |
+ var classname = _element.className; |
+ |
+ for (String name in classname.split(' ')) { |
+ String trimmed = name.trim(); |
+ if (!trimmed.isEmpty) { |
+ s.add(trimmed); |
+ } |
+ } |
+ return s; |
+ } |
+ |
+ void writeClasses(Set<String> s) { |
+ _element.className = s.join(' '); |
+ } |
+ |
+ int get length => _classListLength(_classListOf(_element)); |
+ bool get isEmpty => length == 0; |
+ bool get isNotEmpty => length != 0; |
+ |
+ void clear() { |
+ _element.className = ''; |
+ } |
+ |
+ bool contains(String value) { |
+ return _contains(_element, value); |
+ } |
+ |
+ bool add(String value) { |
+ return _add(_element, value); |
+ } |
+ |
+ bool remove(Object value) { |
+ return value is String && _remove(_element, value); |
+ } |
+ |
+ bool toggle(String value, [bool shouldAdd]) { |
+ return _toggle(_element, value, shouldAdd); |
+ } |
+ |
+ void addAll(Iterable<String> iterable) { |
+ _addAll(_element, iterable); |
+ } |
+ |
+ void removeAll(Iterable<String> iterable) { |
+ _removeAll(_element, iterable); |
+ } |
+ |
+ void retainAll(Iterable<String> iterable) { |
+ _removeWhere(_element, iterable.toSet().contains, false); |
+ } |
+ |
+ void removeWhere(bool test(String name)) { |
+ _removeWhere(_element, test, true); |
+ } |
+ |
+ void retainWhere(bool test(String name)) { |
+ _removeWhere(_element, test, false); |
+ } |
+ |
+ static bool _contains(Element _element, String value) { |
+ return _classListContains(_classListOf(_element), value); |
+ } |
+ |
+ static bool _add(Element _element, String value) { |
+ DomTokenList list = _classListOf(_element); |
+ // Compute returned result independently of action upon the set. One day we |
+ // will be able to optimize it way if unused. |
+ bool added = !_classListContains(list, value); |
+ _classListAdd(list, value); |
+ return added; |
+ } |
+ |
+ static bool _remove(Element _element, String value) { |
+ DomTokenList list = _classListOf(_element); |
+ bool removed = _classListContains(list, value); |
+ _classListRemove(list, value); |
+ return removed; |
+ } |
+ |
+ static bool _toggle(Element _element, String value, bool shouldAdd) { |
+ // There is no value that can be passed as the second argument of |
+ // DomTokenList.toggle that behaves the same as passing one argument. |
+ // `null` is seen as false, meaning 'remove'. |
+ return shouldAdd == null |
+ ? _toggleDefault(_element, value) |
+ : _toggleOnOff(_element, value, shouldAdd); |
+ } |
+ |
+ static bool _toggleDefault(Element _element, String value) { |
+ DomTokenList list = _classListOf(_element); |
+ return _classListToggle1(list, value); |
+ } |
+ |
+ static bool _toggleOnOff(Element _element, String value, bool shouldAdd) { |
+ DomTokenList list = _classListOf(_element); |
+ // IE's toggle does not take a second parameter. We would prefer: |
+ // |
+ // return _classListToggle2(list, value, shouldAdd); |
+ // |
+ if (shouldAdd) { |
+ _classListAdd(list, value); |
+ return true; |
+ } else { |
+ _classListRemove(list, value); |
+ return false; |
+ } |
+ } |
+ |
+ static void _addAll(Element _element, Iterable<String> iterable) { |
+ DomTokenList list = _classListOf(_element); |
+ for (String value in iterable) { |
+ _classListAdd(list, value); |
+ } |
+ } |
+ |
+ static void _removeAll(Element _element, Iterable<String> iterable) { |
+ DomTokenList list = _classListOf(_element); |
+ for (var value in iterable) { |
+ _classListRemove(list, value); |
+ } |
+ } |
+ |
+ static void _removeWhere( |
+ Element _element, bool test(String name), bool doRemove) { |
+ DomTokenList list = _classListOf(_element); |
+ int i = 0; |
+ while (i < _classListLength(list)) { |
+ String item = list.item(i); |
+ if (doRemove == test(item)) { |
+ _classListRemove(list, item); |
+ } else { |
+ ++i; |
+ } |
+ } |
+ } |
+ |
+ // A collection of static methods for DomTokenList. These methods are a |
+ // work-around for the lack of annotations to express the full behaviour of |
+ // the DomTokenList methods. |
+ |
+ static DomTokenList _classListOf(Element e) => |
+ JS('returns:DomTokenList;creates:DomTokenList;effects:none;depends:all;', |
+ '#.classList', e); |
+ |
+ static int _classListLength(DomTokenList list) => |
+ JS('returns:JSUInt31;effects:none;depends:all;', '#.length', list); |
+ |
+ static bool _classListContains(DomTokenList list, String value) => |
+ JS('returns:bool;effects:none;depends:all;', |
+ '#.contains(#)', list, value); |
+ |
+ static void _classListAdd(DomTokenList list, String value) { |
+ // list.add(value); |
+ JS('', '#.add(#)', list, value); |
+ } |
+ |
+ static void _classListRemove(DomTokenList list, String value) { |
+ // list.remove(value); |
+ JS('', '#.remove(#)', list, value); |
+ } |
+ |
+ static bool _classListToggle1(DomTokenList list, String value) { |
+ return JS('bool', '#.toggle(#)', list, value); |
+ } |
+ |
+ static bool _classListToggle2( |
+ DomTokenList list, String value, bool shouldAdd) { |
+ return JS('bool', '#.toggle(#, #)', list, value, shouldAdd); |
+ } |
+} |