Bug fixes

bower.json

 {
   "name": "angularjs-slider",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "homepage": "https://github.com/rzajac/angularjs-slider",
   "authors": [
     "Rafal Zajac <rzajac@gmail.com>"

dist/rzslider.min.css

-/*! angularjs-slider - v0.1.1 - (c) Rafal Zajac <rzajac@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2013-12-16 */
+/*! angularjs-slider - v0.1.2 - (c) Rafal Zajac <rzajac@gmail.com>, https://github.com/rzajac/angularjs-slider.git - 2013-12-16 */
 rzslider{position:relative;display:inline-block;width:100%;height:2px;margin:30px 0 15px 0;vertical-align:middle}rzslider span{position:absolute;display:inline-block;white-space:nowrap}rzslider span.base{width:100%;height:100%;padding:0}rzslider span.bar{z-index:0;width:100%;height:100%;background:#fff}rzslider span.bar.selection{z-index:1;width:0;background:#67b700}rzslider span.pointer{top:-15px;z-index:2;width:32px;height:32px;cursor:pointer;background-color:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}rzslider span.pointer:after{position:absolute;top:12px;left:12px;width:8px;height:8px;background:#71818e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:''}rzslider span.pointer:hover:after{background-color:#67b700}rzslider span.pointer.active:after{background-color:#67b700}rzslider span.bubble{top:-32px;padding:1px 3px 1px 3px;color:#67b700;cursor:default}rzslider span.bubble.selection{top:15px}rzslider span.bubble.limit{color:#67b700}
\ No newline at end of file

package.json

 {
   "name": "angularjs-slider",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "AngularJS slider directive with no external dependencies. Mobile friendly!.",
   "main": "rzslider.js",
   "repository": {

rzslider.js

@@ -4,7 +4,7 @@
  * (c) Rafal Zajac <rzajac@gmail.com>
  * http://github.com/rzajac/angularjs-slider
  *
- * Version: v0.1.1
+ * Version: v0.1.2
  *
  * Licensed under the MIT license
  */
@@ -203,7 +203,6 @@ function throttle(func, wait, options) {
       this.calcViewDimensions();
 
       this.setMinAndMax();      
-      this.valueRange = this.maxValue - this.minValue;
       this.precision = this.scope.rzSliderPrecision === undefined ? 0 : +this.scope.rzSliderPrecision;
       this.step = this.scope.rzSliderStep === undefined ? 1 : +this.scope.rzSliderStep;
 
@@ -278,11 +277,14 @@ function throttle(func, wait, options) {
      *
      * @param {number|string} value
      * @param {jqLite} label
+     * @param {bool} useCustomTr
      * @returns {undefined}
      */
-    translateFn: function(value, label)
+    translateFn: function(value, label, useCustomTr)
     {
-      var valStr = this.customTrFn ? '' + this.customTrFn(value) : '' + value,
+      useCustomTr = useCustomTr === undefined ? true : useCustomTr;
+
+      var valStr = this.customTrFn && useCustomTr ? '' + this.customTrFn(value) : '' + value,
         getWidth = false;
 
       if(label.rzsv === undefined || label.rzsv.length != valStr.length)
@@ -321,6 +323,8 @@ function throttle(func, wait, options) {
       {
         this.scope.rzSliderCeil = this.maxValue = this.range ? this.scope.rzSliderHigh : this.scope.rzSliderModel;
       }
+
+      this.valueRange = this.maxValue - this.minValue;
     },
 
     /**
@@ -560,9 +564,22 @@ function throttle(func, wait, options) {
      */
     updateCmbLabel: function()
     {
+      var lowTr, highTr;
+
       if(this.minLab.rzsl + this.minLab.rzsw + 10 >= this.maxLab.rzsl)
       {
-        this.translateFn(this.scope.rzSliderModel + ' - ' + this.scope.rzSliderHigh, this.cmbLab);
+        if(this.customTrFn)
+        {
+          lowTr = this.customTrFn(this.scope.rzSliderModel);
+          highTr = this.customTrFn(this.scope.rzSliderHigh);
+        }
+        else
+        {
+          lowTr = this.scope.rzSliderModel;
+          highTr = this.scope.rzSliderHigh;
+        }
+
+        this.translateFn(lowTr + ' - ' + highTr, this.cmbLab, false);
         this.setLeft(this.cmbLab, this.selBar.rzsl + this.selBar.rzsw / 2 - this.cmbLab.rzsw / 2);
         this.hideEl(this.minLab);
         this.hideEl(this.maxLab);
@@ -707,6 +724,9 @@ function throttle(func, wait, options) {
 
       if(this.tracking !== '') { return }
 
+      // We have to do this in case the HTML where the sliders are on 
+      // have been animated into view.
+      this.calcViewDimensions();
       this.tracking = ref;
 
       pointer.addClass('active');