diff options
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/ui/twothumbslider.js')
-rw-r--r-- | contexts/data/lib/closure-library/closure/goog/ui/twothumbslider.js | 157 |
1 files changed, 0 insertions, 157 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/ui/twothumbslider.js b/contexts/data/lib/closure-library/closure/goog/ui/twothumbslider.js deleted file mode 100644 index d70add3..0000000 --- a/contexts/data/lib/closure-library/closure/goog/ui/twothumbslider.js +++ /dev/null @@ -1,157 +0,0 @@ -// Copyright 2007 The Closure Library Authors. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS-IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -/** - * @fileoverview Twothumbslider is a slider that allows to select a subrange - * within a range by dragging two thumbs. The selected sub-range is exposed - * through getValue() and getExtent(). - * - * To decorate, the twothumbslider should be bound to an element with the class - * name 'goog-twothumbslider-[vertical / horizontal]' containing children with - * the classname 'goog-twothumbslider-value-thumb' and - * 'goog-twothumbslider-extent-thumb', respectively. - * - * Decorate Example: - * <div id="twothumbslider" class="goog-twothumbslider-horizontal"> - * <div class="goog-twothumbslider-value-thumb"> - * <div class="goog-twothumbslider-extent-thumb"> - * </div> - * <script> - * - * var slider = new goog.ui.TwoThumbSlider; - * slider.decorate(document.getElementById('twothumbslider')); - * - * TODO(user): add a11y once we know what this element is - * - * @see ../demos/twothumbslider.html - */ - -goog.provide('goog.ui.TwoThumbSlider'); - -goog.require('goog.dom'); -goog.require('goog.dom.a11y'); -goog.require('goog.dom.a11y.Role'); -goog.require('goog.ui.SliderBase'); - - - -/** - * This creates a TwoThumbSlider object. - * @param {goog.dom.DomHelper=} opt_domHelper Optional DOM helper. - * @constructor - * @extends {goog.ui.SliderBase} - */ -goog.ui.TwoThumbSlider = function(opt_domHelper) { - goog.ui.SliderBase.call(this, opt_domHelper); - this.rangeModel.setValue(this.getMinimum()); - this.rangeModel.setExtent(this.getMaximum() - this.getMinimum()); -}; -goog.inherits(goog.ui.TwoThumbSlider, goog.ui.SliderBase); - - -/** - * The prefix we use for the CSS class names for the slider and its elements. - * @type {string} - */ -goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX = - goog.getCssName('goog-twothumbslider'); - - -/** - * CSS class name for the value thumb element. - * @type {string} - */ -goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS = - goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'value-thumb'); - - -/** - * CSS class name for the extent thumb element. - * @type {string} - */ -goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS = - goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'extent-thumb'); - - -/** - * CSS class name for the range highlight element. - * @type {string} - */ -goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS = - goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'rangehighlight'); - - -/** - * @param {goog.ui.SliderBase.Orientation} orient orientation of the slider. - * @return {string} The CSS class applied to the twothumbslider element. - * @protected - * @override - */ -goog.ui.TwoThumbSlider.prototype.getCssClass = function(orient) { - return orient == goog.ui.SliderBase.Orientation.VERTICAL ? - goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'vertical') : - goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'horizontal'); -}; - - -/** - * This creates a thumb element with the specified CSS class name. - * @param {string} cs CSS class name of the thumb to be created. - * @return {HTMLDivElement} The created thumb element. - * @private - */ -goog.ui.TwoThumbSlider.prototype.createThumb_ = function(cs) { - var thumb = this.getDomHelper().createDom('div', cs); - goog.dom.a11y.setRole(thumb, goog.dom.a11y.Role.BUTTON); - return /** @type {HTMLDivElement} */ (thumb); -}; - - -/** - * Creates the thumb members for a twothumbslider. If the - * element contains a child with a class name 'goog-twothumbslider-value-thumb' - * (or 'goog-twothumbslider-extent-thumb', respectively), then that will be used - * as the valueThumb (or as the extentThumb, respectively). If the element - * contains a child with a class name 'goog-twothumbslider-rangehighlight', - * then that will be used as the range highlight. - * @override - */ -goog.ui.TwoThumbSlider.prototype.createThumbs = function() { - // find range highlight and thumbs - var valueThumb = goog.dom.getElementsByTagNameAndClass( - null, goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS, this.getElement())[0]; - var extentThumb = goog.dom.getElementsByTagNameAndClass(null, - goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS, this.getElement())[0]; - var rangeHighlight = goog.dom.getElementsByTagNameAndClass(null, - goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS, this.getElement())[0]; - if (!valueThumb) { - valueThumb = - this.createThumb_(goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS); - this.getElement().appendChild(valueThumb); - } - if (!extentThumb) { - extentThumb = - this.createThumb_(goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS); - this.getElement().appendChild(extentThumb); - } - if (!rangeHighlight) { - rangeHighlight = this.getDomHelper().createDom('div', - goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS); - // Insert highlight before value thumb so that it renders under the thumbs. - this.getDomHelper().insertSiblingBefore(rangeHighlight, valueThumb); - } - this.valueThumb = valueThumb; - this.extentThumb = extentThumb; - this.rangeHighlight = rangeHighlight; -}; |