Renamed all functions `repaint` to `redraw`

src/timeline/Timeline.js

@@ -191,11 +191,11 @@ function Timeline (container, items, options) {
       now.clone().add('days', 4).valueOf()
   );
   this.range.on('rangechange', function (properties) {
-    me.rootPanel.repaint();
+    me.rootPanel.redraw();
     me.emit('rangechange', properties);
   });
   this.range.on('rangechanged', function (properties) {
-    me.rootPanel.repaint();
+    me.rootPanel.redraw();
     me.emit('rangechanged', properties);
   });
 
@@ -306,7 +306,7 @@ function Timeline (container, items, options) {
   });
   this.itemSet = new ItemSet(this.backgroundPanel, this.axisPanel, this.sideContentPanel, itemOptions);
   this.itemSet.setRange(this.range);
-  this.itemSet.on('change', me.rootPanel.repaint.bind(me.rootPanel));
+  this.itemSet.on('change', me.rootPanel.redraw.bind(me.rootPanel));
   this.contentPanel.appendChild(this.itemSet);
 */
   this.itemsData = null;      // DataSet
@@ -837,9 +837,9 @@ Timeline.prototype.redraw = function() {
   dom.foregroundVertical.style.left   = props.left.width + 'px';
   dom.foregroundVertical.style.top    = '0';
 
-  // repaint all components
+  // redraw all components
   this.components.forEach(function (component) {
-    resized = component.repaint() || resized;
+    resized = component.redraw() || resized;
   });
   if (resized) {
     // keep repainting until all sizes are settled

src/timeline/component/Component.js

@@ -20,7 +20,7 @@ Component.prototype.setOptions = function setOptions(options) {
   if (options) {
     util.extend(this.options, options);
 
-    this.repaint();
+    this.redraw();
   }
 };
 
@@ -46,7 +46,7 @@ Component.prototype.getOption = function getOption(name) {
  * Repaint the component
  * @return {boolean} Returns true if the component is resized
  */
-Component.prototype.repaint = function repaint() {
+Component.prototype.redraw = function redraw() {
   // should be implemented by the component
   return false;
 };

src/timeline/component/CurrentTime.js

@@ -35,7 +35,7 @@ CurrentTime.prototype._create = function _create () {
  * Repaint the component
  * @return {boolean} Returns true if the component is resized
  */
-CurrentTime.prototype.repaint = function repaint() {
+CurrentTime.prototype.redraw = function redraw() {
   if (this.options.showCurrentTime) {
     var parent = this.timeline.dom.foregroundVertical;
     if (this.bar.parentNode != parent) {
@@ -80,7 +80,7 @@ CurrentTime.prototype.start = function start() {
     if (interval < 30)   interval = 30;
     if (interval > 1000) interval = 1000;
 
-    me.repaint();
+    me.redraw();
 
     // start a timer to adjust for the new time
     me.currentTimeTimer = setTimeout(update, interval);

src/timeline/component/CustomTime.js

@@ -53,7 +53,7 @@ CustomTime.prototype._create = function _create () {
  * Repaint the component
  * @return {boolean} Returns true if the component is resized
  */
-CustomTime.prototype.repaint = function () {
+CustomTime.prototype.redraw = function () {
   if (this.options.showCustomTime) {
     var parent = this.timeline.dom.foregroundVertical;
     if (this.bar.parentNode != parent) {
@@ -85,7 +85,7 @@ CustomTime.prototype.repaint = function () {
  */
 CustomTime.prototype.setCustomTime = function(time) {
   this.customTime = new Date(time.valueOf());
-  this.repaint();
+  this.redraw();
 };
 
 /**

src/timeline/component/Group.js

@@ -108,7 +108,7 @@ Group.prototype.getLabelWidth = function getLabelWidth() {
  * @param {boolean} [restack=false]  Force restacking of all items
  * @return {boolean} Returns true if the group is resized
  */
-Group.prototype.repaint = function repaint(range, margin, restack) {
+Group.prototype.redraw = function redraw(range, margin, restack) {
   var resized = false;
 
   this.visibleItems = this._updateVisibleItems(this.orderedItems, this.visibleItems, range);
@@ -121,7 +121,7 @@ Group.prototype.repaint = function repaint(range, margin, restack) {
 
     util.forEach(this.items, function (item) {
       item.dirty = true;
-      if (item.displayed) item.repaint();
+      if (item.displayed) item.redraw();
     });
 
     restack = true;

src/timeline/component/ItemSet.js

@@ -54,7 +54,7 @@ function ItemSet(timeline, options) {
   this.groupIds = [];
 
   this.selection = [];  // list with the ids of all selected nodes
-  this.stackDirty = true; // if true, all items will be restacked on next repaint
+  this.stackDirty = true; // if true, all items will be restacked on next redraw
 
   this.touchParams = {}; // stores properties while dragging
   // create the HTML DOM
@@ -148,7 +148,7 @@ ItemSet.prototype._create = function _create(){
 ItemSet.prototype.setOptions = Component.prototype.setOptions;
 
 /**
- * Mark the ItemSet dirty so it will refresh everything with next repaint
+ * Mark the ItemSet dirty so it will refresh everything with next redraw
  */
 ItemSet.prototype.markDirty = function markDirty() {
   this.groupIds = [];
@@ -258,7 +258,7 @@ ItemSet.prototype._deselect = function _deselect(id) {
  * Repaint the component
  * @return {boolean} Returns true if the component is resized
  */
-ItemSet.prototype.repaint = function repaint() {
+ItemSet.prototype.redraw = function redraw() {
   var margin = this.options.margin,
       range = this.timeline.range,
       asSize = util.option.asSize,
@@ -286,7 +286,7 @@ ItemSet.prototype.repaint = function repaint() {
   this.lastVisibleInterval = visibleInterval;
   this.props.lastWidth = this.props.width;
 
-  // repaint all groups
+  // redraw all groups
   var restack = this.stackDirty,
       firstGroup = this._firstGroup(),
       firstMargin = {
@@ -301,7 +301,7 @@ ItemSet.prototype.repaint = function repaint() {
       minHeight = margin.axis + margin.item;
   util.forEach(this.groups, function (group) {
     var groupMargin = (group == firstGroup) ? firstMargin : nonFirstMargin;
-    resized = group.repaint(range, groupMargin, restack) || resized;
+    resized = group.redraw(range, groupMargin, restack) || resized;
     height += group.height;
   });
   height = Math.max(height, minHeight);
@@ -462,7 +462,7 @@ ItemSet.prototype.setGroups = function setGroups(groups) {
     // remove all drawn groups
     ids = this.groupsData.getIds();
     this.groupsData = null;
-    this._onRemoveGroups(ids); // note: this will cause a repaint
+    this._onRemoveGroups(ids); // note: this will cause a redraw
   }
 
   // replace the dataset
@@ -571,7 +571,7 @@ ItemSet.prototype._onUpdate = function _onUpdate(ids) {
   });
 
   this._order();
-  this.stackDirty = true; // force re-stacking of all items next repaint
+  this.stackDirty = true; // force re-stacking of all items next redraw
   this.timeline.emitter.emit('change');
 };
 
@@ -601,7 +601,7 @@ ItemSet.prototype._onRemove = function _onRemove(ids) {
   if (count) {
     // update order
     this._order();
-    this.stackDirty = true; // force re-stacking of all items next repaint
+    this.stackDirty = true; // force re-stacking of all items next redraw
     this.timeline.emitter.emit('change');
   }
 };
@@ -756,7 +756,7 @@ ItemSet.prototype._updateItem = function _updateItem(item, itemData) {
 
   item.data = itemData;
   if (item.displayed) {
-    item.repaint();
+    item.redraw();
   }
 
   // update group
@@ -936,7 +936,7 @@ ItemSet.prototype._onDrag = function (event) {
 
     // TODO: implement onMoving handler
 
-    this.stackDirty = true; // force re-stacking of all items next repaint
+    this.stackDirty = true; // force re-stacking of all items next redraw
     this.timeline.emitter.emit('change');
 
     event.stopPropagation();
@@ -986,7 +986,7 @@ ItemSet.prototype._onDragEnd = function (event) {
             if ('start' in props) props.item.data.start = props.start;
             if ('end' in props)   props.item.data.end   = props.end;
 
-            me.stackDirty = true; // force re-stacking of all items next repaint
+            me.stackDirty = true; // force re-stacking of all items next redraw
             me.timeline.emitter.emit('change');
           }
         });

src/timeline/component/Panel.js

@@ -117,9 +117,9 @@ Panel.prototype.hasChild = function (child) {
 
 /**
  * Repaint the component
- * @return {boolean} Returns true if the component was resized since previous repaint
+ * @return {boolean} Returns true if the component was resized since previous redraw
  */
-Panel.prototype.repaint = function () {
+Panel.prototype.redraw = function () {
   var asString = util.option.asString,
       options = this.options,
       frame = this.getFrame();
@@ -127,7 +127,7 @@ Panel.prototype.repaint = function () {
   // update className
   frame.className = 'vpanel' + (options.className ? (' ' + asString(options.className)) : '');
 
-  // repaint the child components
+  // redraw the child components
   var childsResized = this._repaintChilds();
 
   // update frame size
@@ -144,7 +144,7 @@ Panel.prototype.repaint = function () {
 Panel.prototype._repaintChilds = function () {
   var resized = false;
   for (var i = 0, ii = this.childs.length; i < ii; i++) {
-    resized = this.childs[i].repaint() || resized;
+    resized = this.childs[i].redraw() || resized;
   }
   return resized;
 };

src/timeline/component/RootPanel.js

@@ -19,7 +19,7 @@ function RootPanel(container, options) {
   this._create();
 
   // attach the root panel to the provided container
-  if (!this.container) throw new Error('Cannot repaint root panel: no container attached');
+  if (!this.container) throw new Error('Cannot redraw root panel: no container attached');
   this.container.appendChild(this.getFrame());
 
 
@@ -72,7 +72,7 @@ RootPanel.prototype.setOptions = function setOptions(options) {
   if (options) {
     util.extend(this.options, options);
 
-    this.repaint();
+    this.redraw();
 
     this._initWatch();
   }
@@ -88,7 +88,7 @@ RootPanel.prototype.getFrame = function getFrame() {
 /**
  * Repaint the root panel
  */
-RootPanel.prototype.repaint = function repaint() {
+RootPanel.prototype.redraw = function redraw() {
   // update class name
   var options = this.options;
   var editable = options.editable.updateTime || options.editable.updateGroup;
@@ -96,7 +96,7 @@ RootPanel.prototype.repaint = function repaint() {
   if (options.className) className += ' ' + util.option.asString(className);
   this.frame.className = className;
 
-  // repaint the child components
+  // redraw the child components
   var childsResized = this._repaintChilds();
 
   // update frame size
@@ -104,11 +104,11 @@ RootPanel.prototype.repaint = function repaint() {
   this.frame.style.minHeight = util.option.asSize(this.options.minHeight, '');
   this._updateSize();
 
-  // if the root panel or any of its childs is resized, repaint again,
+  // if the root panel or any of its childs is resized, redraw again,
   // as other components may need to be resized accordingly
   var resized = this._isResized() || childsResized;
   if (resized) {
-    setTimeout(this.repaint.bind(this), 0);
+    setTimeout(this.redraw.bind(this), 0);
   }
 };
 
@@ -150,7 +150,7 @@ RootPanel.prototype._watch = function _watch() {
           (me.frame.clientHeight != me.lastHeight)) {
         me.lastWidth = me.frame.clientWidth;
         me.lastHeight = me.frame.clientHeight;
-        me.repaint();
+        me.redraw();
         // TODO: emit a resize event instead?
       }
     }

src/timeline/component/TimeAxis.js

@@ -70,7 +70,7 @@ TimeAxis.prototype._create = function _create() {
  * Repaint the component
  * @return {boolean} Returns true if the component is resized
  */
-TimeAxis.prototype.repaint = function () {
+TimeAxis.prototype.redraw = function () {
   var options = this.options,
       props = this.props,
       foreground = this.dom.foreground,
@@ -342,7 +342,7 @@ TimeAxis.prototype._repaintMajorLine = function (x, orientation) {
  * @private
  */
 TimeAxis.prototype._calculateCharSize = function () {
-  // Note: We calculate char size with every repaint. Size may change, for
+  // Note: We calculate char size with every redraw. Size may change, for
   // example when any of the timelines parents had display:none for example.
 
   // determine the char width and height on the minor axis

src/timeline/component/item/Item.js

@@ -29,7 +29,7 @@ function Item (data, options, defaultOptions) {
  */
 Item.prototype.select = function select() {
   this.selected = true;
-  if (this.displayed) this.repaint();
+  if (this.displayed) this.redraw();
 };
 
 /**
@@ -37,7 +37,7 @@ Item.prototype.select = function select() {
  */
 Item.prototype.unselect = function unselect() {
   this.selected = false;
-  if (this.displayed) this.repaint();
+  if (this.displayed) this.redraw();
 };
 
 /**
@@ -86,7 +86,7 @@ Item.prototype.hide = function hide() {
 /**
  * Repaint the item
  */
-Item.prototype.repaint = function repaint() {
+Item.prototype.redraw = function redraw() {
   // should be implemented by the item
 };
 

src/timeline/component/item/ItemBox.js

@@ -46,7 +46,7 @@ ItemBox.prototype.isVisible = function isVisible (range) {
 /**
  * Repaint the item
  */
-ItemBox.prototype.repaint = function repaint() {
+ItemBox.prototype.redraw = function redraw() {
   var dom = this.dom;
   if (!dom) {
     // create DOM
@@ -75,21 +75,21 @@ ItemBox.prototype.repaint = function repaint() {
 
   // append DOM to parent DOM
   if (!this.parent) {
-    throw new Error('Cannot repaint item: no parent attached');
+    throw new Error('Cannot redraw item: no parent attached');
   }
   if (!dom.box.parentNode) {
     var foreground = this.parent.dom.foreground;
-    if (!foreground) throw new Error('Cannot repaint time axis: parent has no foreground container element');
+    if (!foreground) throw new Error('Cannot redraw time axis: parent has no foreground container element');
     foreground.appendChild(dom.box);
   }
   if (!dom.line.parentNode) {
     var background = this.parent.dom.background;
-    if (!background) throw new Error('Cannot repaint time axis: parent has no background container element');
+    if (!background) throw new Error('Cannot redraw time axis: parent has no background container element');
     background.appendChild(dom.line);
   }
   if (!dom.dot.parentNode) {
     var axis = this.parent.dom.axis;
-    if (!background) throw new Error('Cannot repaint time axis: parent has no axis container element');
+    if (!background) throw new Error('Cannot redraw time axis: parent has no axis container element');
     axis.appendChild(dom.dot);
   }
   this.displayed = true;
@@ -143,7 +143,7 @@ ItemBox.prototype.repaint = function repaint() {
  */
 ItemBox.prototype.show = function show() {
   if (!this.displayed) {
-    this.repaint();
+    this.redraw();
   }
 };
 

src/timeline/component/item/ItemPoint.js

@@ -47,7 +47,7 @@ ItemPoint.prototype.isVisible = function isVisible (range) {
 /**
  * Repaint the item
  */
-ItemPoint.prototype.repaint = function repaint() {
+ItemPoint.prototype.redraw = function redraw() {
   var dom = this.dom;
   if (!dom) {
     // create DOM
@@ -56,7 +56,7 @@ ItemPoint.prototype.repaint = function repaint() {
 
     // background box
     dom.point = document.createElement('div');
-    // className is updated in repaint()
+    // className is updated in redraw()
 
     // contents box, right from the dot
     dom.content = document.createElement('div');
@@ -73,12 +73,12 @@ ItemPoint.prototype.repaint = function repaint() {
 
   // append DOM to parent DOM
   if (!this.parent) {
-    throw new Error('Cannot repaint item: no parent attached');
+    throw new Error('Cannot redraw item: no parent attached');
   }
   if (!dom.point.parentNode) {
     var foreground = this.parent.dom.foreground;
     if (!foreground) {
-      throw new Error('Cannot repaint time axis: parent has no foreground container element');
+      throw new Error('Cannot redraw time axis: parent has no foreground container element');
     }
     foreground.appendChild(dom.point);
   }
@@ -139,7 +139,7 @@ ItemPoint.prototype.repaint = function repaint() {
  */
 ItemPoint.prototype.show = function show() {
   if (!this.displayed) {
-    this.repaint();
+    this.redraw();
   }
 };
 

src/timeline/component/item/ItemRange.js

@@ -44,7 +44,7 @@ ItemRange.prototype.isVisible = function isVisible (range) {
 /**
  * Repaint the item
  */
-ItemRange.prototype.repaint = function repaint() {
+ItemRange.prototype.redraw = function redraw() {
   var dom = this.dom;
   if (!dom) {
     // create DOM
@@ -53,7 +53,7 @@ ItemRange.prototype.repaint = function repaint() {
 
       // background box
     dom.box = document.createElement('div');
-    // className is updated in repaint()
+    // className is updated in redraw()
 
     // contents box
     dom.content = document.createElement('div');
@@ -66,12 +66,12 @@ ItemRange.prototype.repaint = function repaint() {
 
   // append DOM to parent DOM
   if (!this.parent) {
-    throw new Error('Cannot repaint item: no parent attached');
+    throw new Error('Cannot redraw item: no parent attached');
   }
   if (!dom.box.parentNode) {
     var foreground = this.parent.dom.foreground;
     if (!foreground) {
-      throw new Error('Cannot repaint time axis: parent has no foreground container element');
+      throw new Error('Cannot redraw time axis: parent has no foreground container element');
     }
     foreground.appendChild(dom.box);
   }
@@ -123,7 +123,7 @@ ItemRange.prototype.repaint = function repaint() {
  */
 ItemRange.prototype.show = function show() {
   if (!this.displayed) {
-    this.repaint();
+    this.redraw();
   }
 };