287 lines
9.2 KiB
JavaScript
287 lines
9.2 KiB
JavaScript
|
/* ***** BEGIN LICENSE BLOCK *****
|
||
|
* Distributed under the BSD license:
|
||
|
*
|
||
|
* Copyright (c) 2010, Ajax.org B.V.
|
||
|
* All rights reserved.
|
||
|
*
|
||
|
* Redistribution and use in source and binary forms, with or without
|
||
|
* modification, are permitted provided that the following conditions are met:
|
||
|
* * Redistributions of source code must retain the above copyright
|
||
|
* notice, this list of conditions and the following disclaimer.
|
||
|
* * Redistributions in binary form must reproduce the above copyright
|
||
|
* notice, this list of conditions and the following disclaimer in the
|
||
|
* documentation and/or other materials provided with the distribution.
|
||
|
* * Neither the name of Ajax.org B.V. nor the
|
||
|
* names of its contributors may be used to endorse or promote products
|
||
|
* derived from this software without specific prior written permission.
|
||
|
*
|
||
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||
|
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||
|
* DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
|
||
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
||
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||
|
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||
|
*
|
||
|
* ***** END LICENSE BLOCK ***** */
|
||
|
|
||
|
define(function(require, exports, module) {
|
||
|
"use strict";
|
||
|
|
||
|
var oop = require("./lib/oop");
|
||
|
var dom = require("./lib/dom");
|
||
|
var event = require("./lib/event");
|
||
|
var EventEmitter = require("./lib/event_emitter").EventEmitter;
|
||
|
// on ie maximal element height is smaller than what we get from 4-5K line document
|
||
|
// so scrollbar doesn't work, as a workaround we do not set height higher than MAX_SCROLL_H
|
||
|
// and rescale scrolltop
|
||
|
var MAX_SCROLL_H = 0x8000;
|
||
|
|
||
|
/**
|
||
|
* An abstract class representing a native scrollbar control.
|
||
|
* @class ScrollBar
|
||
|
**/
|
||
|
|
||
|
/**
|
||
|
* Creates a new `ScrollBar`. `parent` is the owner of the scroll bar.
|
||
|
* @param {DOMElement} parent A DOM element
|
||
|
*
|
||
|
* @constructor
|
||
|
**/
|
||
|
var ScrollBar = function(parent) {
|
||
|
this.element = dom.createElement("div");
|
||
|
this.element.className = "ace_scrollbar ace_scrollbar" + this.classSuffix;
|
||
|
|
||
|
this.inner = dom.createElement("div");
|
||
|
this.inner.className = "ace_scrollbar-inner";
|
||
|
this.element.appendChild(this.inner);
|
||
|
|
||
|
parent.appendChild(this.element);
|
||
|
|
||
|
this.setVisible(false);
|
||
|
this.skipEvent = false;
|
||
|
|
||
|
event.addListener(this.element, "scroll", this.onScroll.bind(this));
|
||
|
event.addListener(this.element, "mousedown", event.preventDefault);
|
||
|
};
|
||
|
|
||
|
(function() {
|
||
|
oop.implement(this, EventEmitter);
|
||
|
|
||
|
this.setVisible = function(isVisible) {
|
||
|
this.element.style.display = isVisible ? "" : "none";
|
||
|
this.isVisible = isVisible;
|
||
|
this.coeff = 1;
|
||
|
};
|
||
|
}).call(ScrollBar.prototype);
|
||
|
|
||
|
/**
|
||
|
* Represents a vertical scroll bar.
|
||
|
* @class VScrollBar
|
||
|
**/
|
||
|
|
||
|
/**
|
||
|
* Creates a new `VScrollBar`. `parent` is the owner of the scroll bar.
|
||
|
* @param {DOMElement} parent A DOM element
|
||
|
* @param {Object} renderer An editor renderer
|
||
|
*
|
||
|
* @constructor
|
||
|
**/
|
||
|
var VScrollBar = function(parent, renderer) {
|
||
|
ScrollBar.call(this, parent);
|
||
|
this.scrollTop = 0;
|
||
|
this.scrollHeight = 0;
|
||
|
|
||
|
// in OSX lion the scrollbars appear to have no width. In this case resize the
|
||
|
// element to show the scrollbar but still pretend that the scrollbar has a width
|
||
|
// of 0px
|
||
|
// in Firefox 6+ scrollbar is hidden if element has the same width as scrollbar
|
||
|
// make element a little bit wider to retain scrollbar when page is zoomed
|
||
|
renderer.$scrollbarWidth =
|
||
|
this.width = dom.scrollbarWidth(parent.ownerDocument);
|
||
|
this.inner.style.width =
|
||
|
this.element.style.width = (this.width || 15) + 5 + "px";
|
||
|
this.$minWidth = 0;
|
||
|
};
|
||
|
|
||
|
oop.inherits(VScrollBar, ScrollBar);
|
||
|
|
||
|
(function() {
|
||
|
|
||
|
this.classSuffix = '-v';
|
||
|
|
||
|
/**
|
||
|
* Emitted when the scroll bar, well, scrolls.
|
||
|
* @event scroll
|
||
|
* @param {Object} e Contains one property, `"data"`, which indicates the current scroll top position
|
||
|
**/
|
||
|
this.onScroll = function() {
|
||
|
if (!this.skipEvent) {
|
||
|
this.scrollTop = this.element.scrollTop;
|
||
|
if (this.coeff != 1) {
|
||
|
var h = this.element.clientHeight / this.scrollHeight;
|
||
|
this.scrollTop = this.scrollTop * (1 - h) / (this.coeff - h);
|
||
|
}
|
||
|
this._emit("scroll", {data: this.scrollTop});
|
||
|
}
|
||
|
this.skipEvent = false;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Returns the width of the scroll bar.
|
||
|
* @returns {Number}
|
||
|
**/
|
||
|
this.getWidth = function() {
|
||
|
return Math.max(this.isVisible ? this.width : 0, this.$minWidth || 0);
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the height of the scroll bar, in pixels.
|
||
|
* @param {Number} height The new height
|
||
|
**/
|
||
|
this.setHeight = function(height) {
|
||
|
this.element.style.height = height + "px";
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the inner height of the scroll bar, in pixels.
|
||
|
* @param {Number} height The new inner height
|
||
|
* @deprecated Use setScrollHeight instead
|
||
|
**/
|
||
|
this.setInnerHeight =
|
||
|
/**
|
||
|
* Sets the scroll height of the scroll bar, in pixels.
|
||
|
* @param {Number} height The new scroll height
|
||
|
**/
|
||
|
this.setScrollHeight = function(height) {
|
||
|
this.scrollHeight = height;
|
||
|
if (height > MAX_SCROLL_H) {
|
||
|
this.coeff = MAX_SCROLL_H / height;
|
||
|
height = MAX_SCROLL_H;
|
||
|
} else if (this.coeff != 1) {
|
||
|
this.coeff = 1;
|
||
|
}
|
||
|
this.inner.style.height = height + "px";
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the scroll top of the scroll bar.
|
||
|
* @param {Number} scrollTop The new scroll top
|
||
|
**/
|
||
|
this.setScrollTop = function(scrollTop) {
|
||
|
// on chrome 17+ for small zoom levels after calling this function
|
||
|
// this.element.scrollTop != scrollTop which makes page to scroll up.
|
||
|
if (this.scrollTop != scrollTop) {
|
||
|
this.skipEvent = true;
|
||
|
this.scrollTop = scrollTop;
|
||
|
this.element.scrollTop = scrollTop * this.coeff;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
}).call(VScrollBar.prototype);
|
||
|
|
||
|
/**
|
||
|
* Represents a horisontal scroll bar.
|
||
|
* @class HScrollBar
|
||
|
**/
|
||
|
|
||
|
/**
|
||
|
* Creates a new `HScrollBar`. `parent` is the owner of the scroll bar.
|
||
|
* @param {DOMElement} parent A DOM element
|
||
|
* @param {Object} renderer An editor renderer
|
||
|
*
|
||
|
* @constructor
|
||
|
**/
|
||
|
var HScrollBar = function(parent, renderer) {
|
||
|
ScrollBar.call(this, parent);
|
||
|
this.scrollLeft = 0;
|
||
|
|
||
|
// in OSX lion the scrollbars appear to have no width. In this case resize the
|
||
|
// element to show the scrollbar but still pretend that the scrollbar has a width
|
||
|
// of 0px
|
||
|
// in Firefox 6+ scrollbar is hidden if element has the same width as scrollbar
|
||
|
// make element a little bit wider to retain scrollbar when page is zoomed
|
||
|
this.height = renderer.$scrollbarWidth;
|
||
|
this.inner.style.height =
|
||
|
this.element.style.height = (this.height || 15) + 5 + "px";
|
||
|
};
|
||
|
|
||
|
oop.inherits(HScrollBar, ScrollBar);
|
||
|
|
||
|
(function() {
|
||
|
|
||
|
this.classSuffix = '-h';
|
||
|
|
||
|
/**
|
||
|
* Emitted when the scroll bar, well, scrolls.
|
||
|
* @event scroll
|
||
|
* @param {Object} e Contains one property, `"data"`, which indicates the current scroll left position
|
||
|
**/
|
||
|
this.onScroll = function() {
|
||
|
if (!this.skipEvent) {
|
||
|
this.scrollLeft = this.element.scrollLeft;
|
||
|
this._emit("scroll", {data: this.scrollLeft});
|
||
|
}
|
||
|
this.skipEvent = false;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Returns the height of the scroll bar.
|
||
|
* @returns {Number}
|
||
|
**/
|
||
|
this.getHeight = function() {
|
||
|
return this.isVisible ? this.height : 0;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the width of the scroll bar, in pixels.
|
||
|
* @param {Number} width The new width
|
||
|
**/
|
||
|
this.setWidth = function(width) {
|
||
|
this.element.style.width = width + "px";
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the inner width of the scroll bar, in pixels.
|
||
|
* @param {Number} width The new inner width
|
||
|
* @deprecated Use setScrollWidth instead
|
||
|
**/
|
||
|
this.setInnerWidth = function(width) {
|
||
|
this.inner.style.width = width + "px";
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the scroll width of the scroll bar, in pixels.
|
||
|
* @param {Number} width The new scroll width
|
||
|
**/
|
||
|
this.setScrollWidth = function(width) {
|
||
|
this.inner.style.width = width + "px";
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Sets the scroll left of the scroll bar.
|
||
|
* @param {Number} scrollTop The new scroll left
|
||
|
**/
|
||
|
this.setScrollLeft = function(scrollLeft) {
|
||
|
// on chrome 17+ for small zoom levels after calling this function
|
||
|
// this.element.scrollTop != scrollTop which makes page to scroll up.
|
||
|
if (this.scrollLeft != scrollLeft) {
|
||
|
this.skipEvent = true;
|
||
|
this.scrollLeft = this.element.scrollLeft = scrollLeft;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
}).call(HScrollBar.prototype);
|
||
|
|
||
|
|
||
|
exports.ScrollBar = VScrollBar; // backward compatibility
|
||
|
exports.ScrollBarV = VScrollBar; // backward compatibility
|
||
|
exports.ScrollBarH = HScrollBar; // backward compatibility
|
||
|
|
||
|
exports.VScrollBar = VScrollBar;
|
||
|
exports.HScrollBar = HScrollBar;
|
||
|
});
|