diff --git a/build/build.html b/build/build.html
index 6d8220ea..4684654a 100644
--- a/build/build.html
+++ b/build/build.html
@@ -21,9 +21,15 @@
padding: 0;
}
#deplist li {
- margin-bottom: 10px;
+ padding-top: 10px;
padding-bottom: 10px;
- border-bottom: 1px solid #eee;
+ border-top: 1px solid #eee;
+ }
+ #deplist li.heading {
+ border: none;
+ background: #eee;
+ padding: 5px 10px;
+ margin-top: 10px;
}
#deplist input {
float: left;
@@ -32,7 +38,7 @@
}
#deplist label {
float: left;
- width: 150px;
+ width: 190px;
font-weight: bold;
}
#deplist div {
@@ -150,6 +156,13 @@
for (var name in deps) {
var li = document.createElement('li');
+ if (deps[name].heading) {
+ var heading = document.createElement('li');
+ heading.className = 'heading';
+ heading.appendChild(document.createTextNode(deps[name].heading));
+ deplist.appendChild(heading);
+ }
+
var div = document.createElement('div');
var label = document.createElement('label');
diff --git a/build/deps.js b/build/deps.js
index b410abba..7b2c32d4 100644
--- a/build/deps.js
+++ b/build/deps.js
@@ -18,7 +18,8 @@ var deps = {
TileLayer: {
src: ['layer/TileLayer.js'],
- desc: 'The base class for displaying tile layers on the map.'
+ desc: 'The base class for displaying tile layers on the map.',
+ heading: 'Layers'
},
ImageOverlay: {
@@ -26,61 +27,52 @@ var deps = {
desc: 'Used to display an image over a particular rectangular area of the map.'
},
- DomEvent: {
- src: ['dom/DomEvent.js'],
- desc: 'Functions for cross-browser DOM events handling.'
- },
-
- Draggable: {
- src: ['dom/Draggable.js'],
- deps: ['DomEvent'],
- desc: 'Used to make any element draggable. Powers map and marker dragging.'
- },
-
MapDrag: {
- src: ['handler/Handler.js',
+ src: ['dom/DomEvent.js',
+ 'dom/Draggable.js',
+ 'handler/Handler.js',
'handler/MapDrag.js'],
- deps: ['Draggable'],
- desc: 'Makes the map draggable (on both desktop and mobile webkit browsers).'
+ deps: [],
+ desc: 'Makes the map draggable (on both desktop and mobile webkit browsers).',
+ heading: 'Interaction'
},
MouseZoom: {
- src: ['handler/Handler.js',
+ src: ['dom/DomEvent.js',
+ 'handler/Handler.js',
'handler/DoubleClickZoom.js',
'handler/ScrollWheelZoom.js'],
- deps: ['DomEvent'],
+ deps: [],
desc: 'Scroll wheel zoom and double click zoom on the map.'
},
TouchZoom: {
- src: ['handler/Handler.js',
+ src: ['dom/DomEvent.js',
+ 'handler/Handler.js',
'handler/TouchZoom.js'],
- deps: ['DomEvent'],
+ deps: [],
desc: 'Enables smooth touch zooming on mobile webkit-powered devices (iPhone, iPod Touch, iPad, Android).'
},
- TransitionNative: {
- src: ['dom/transition/Transition.js',
- 'dom/transition/Transition.Native.js'],
- deps: ['DomEvent'],
- desc: 'Native CSS3 Transitions class for doing basic animations. Works on mobile webkit-powered browsers and some modern desktop browsers.'
- },
-
- TransitionTimer: {
- src: ['dom/transition/Transition.Timer.js'],
- deps: ['TransitionNative'],
- desc: 'Transition implementation for browsers that don\'t support CSS3 transitions.'
- },
-
- MapAnimation: {
- src: ['dom/transition/Transition.Timer.js',
+ MapAnimationNative: {
+ src: ['dom/DomEvent.js',
+ 'dom/transition/Transition.js',
+ 'dom/transition/Transition.Native.js',
'map/Map.Animation.js'],
- deps: ['TransitionNative'],
- desc: 'Panning animation on the map (zooming animation coming later).'
+ deps: [],
+ desc: 'Panning animation through CSS3 Transitions on the map (zooming animation coming later). Works on mobile webkit-powered browsers and some modern desktop browsers.',
+ heading: 'Visual effects'
+ },
+
+ MapAnimationFallback: {
+ src: ['dom/transition/Transition.Timer.js'],
+ deps: ['MapAnimationNative'],
+ desc: 'Animation for browsers that don\'t support CSS3 transitions.'
},
MapGeolocation: {
src: ['map/Map.Geolocation.js'],
- desc: 'Adds Map#locate method and related events to make geolocation easier.'
+ desc: 'Adds Map#locate method and related events to make geolocation easier.',
+ heading: 'Misc'
}
};
\ No newline at end of file