docs: function () {
              this.coords.w_rs = this.$cache.rs.outerWidth(false);
  
              if (!this.coords.w_rs) {
                  return;
              }
  
              if (this.coords.w_rs !== this.coords.w_rs_old) {
                  this.target = "base";
                  this.is_resize = true;
              }
  
              if (this.coords.w_rs !== this.coords.w_rs_old || this.force_redraw) {
                  this.setMinMax();
                  this.calc(true);
                  this.drawLabels();
                  if (this.options.grid) {
                      this.calcGridMargin();
                      this.calcGridLabels();
                  }
                  this.force_redraw = true;
                  this.coords.w_rs_old = this.coords.w_rs;
                  this.drawShadow();
              }
  
              if (!this.coords.w_rs) {
                  return;
              }
  
              if (!this.dragging && !this.force_redraw && !this.is_key) {
                  return;
              }
  
              if (this.old_from !== this.result.from || this.old_to !== this.result.to || this.force_redraw || this.is_key) {
  
                  this.drawLabels();
  
                  this.$cache.bar[0].style.left = this.coords.p_bar_x + "%";
                  this.$cache.bar[0].style.width = this.coords.p_bar_w + "%";
  
                  if (this.options.type === "single") {
                      this.$cache.bar[0].style.left = 0;
                      this.$cache.bar[0].style.width = this.coords.p_bar_w + this.coords.p_bar_x + "%";
  
                      this.$cache.s_single[0].style.left = this.coords.p_single_fake + "%";
  
                      this.$cache.single[0].style.left = this.labels.p_single_left + "%";
                  } else {
                      this.$cache.s_from[0].style.left = this.coords.p_from_fake + "%";
                      this.$cache.s_to[0].style.left = this.coords.p_to_fake + "%";
  
                      if (this.old_from !== this.result.from || this.force_redraw) {
                          this.$cache.from[0].style.left = this.labels.p_from_left + "%";
                      }
                      if (this.old_to !== this.result.to || this.force_redraw) {
                          this.$cache.to[0].style.left = this.labels.p_to_left + "%";
                      }
  
                      this.$cache.single[0].style.left = this.labels.p_single_left + "%";
                  }
  
                  this.writeToInput();
  
                  if ((this.old_from !== this.result.from || this.old_to !== this.result.to) && !this.is_start) {
                      this.$cache.input.trigger("change");
                      this.$cache.input.trigger("input");
                  }
  
                  this.old_from = this.result.from;
                  this.old_to = this.result.to;
  
                  // callbacks call
                  if (!this.is_resize && !this.is_update && !this.is_start && !this.is_finish) {
                      this.callOnChange();
                  }
                  if (this.is_key || this.is_click) {
                      this.is_key = false;
                      this.is_click = false;
                      this.callOnFinish();
                  }
  
                  this.is_update = false;
                  this.is_resize = false;
                  this.is_finish = false;
              }
  
              this.is_start = false;
              this.is_key = false;
              this.is_click = false;
              this.force_redraw = false;
          }