diff options
author | 2017-05-04 07:48:42 -0400 | |
---|---|---|
committer | 2017-05-04 12:28:17 -0400 | |
commit | b54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch) | |
tree | e69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js | |
parent | 39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff) |
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects
abstraction of components
Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8
Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js')
-rw-r--r-- | ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js | 403 |
1 files changed, 0 insertions, 403 deletions
diff --git a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js b/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js deleted file mode 100644 index 6ae8e518..00000000 --- a/ecomp-portal-FE/client/bower_components/angular-material/modules/closure/slider/slider.js +++ /dev/null @@ -1,403 +0,0 @@ -/*! - * Angular Material Design - * https://github.com/angular/material - * @license MIT - * v0.9.8 - */ -goog.provide('ng.material.components.slider'); -goog.require('ng.material.core'); - /** - * @ngdoc module - * @name material.components.slider - */ - angular.module('material.components.slider', [ - 'material.core' - ]) - .directive('mdSlider', SliderDirective); - -/** - * @ngdoc directive - * @name mdSlider - * @module material.components.slider - * @restrict E - * @description - * The `<md-slider>` component allows the user to choose from a range of - * values. - * - * As per the [material design spec](http://www.google.com/design/spec/style/color.html#color-ui-color-application) - * the slider is in the accent color by default. The primary color palette may be used with - * the `md-primary` class. - * - * It has two modes: 'normal' mode, where the user slides between a wide range - * of values, and 'discrete' mode, where the user slides between only a few - * select values. - * - * To enable discrete mode, add the `md-discrete` attribute to a slider, - * and use the `step` attribute to change the distance between - * values the user is allowed to pick. - * - * @usage - * <h4>Normal Mode</h4> - * <hljs lang="html"> - * <md-slider ng-model="myValue" min="5" max="500"> - * </md-slider> - * </hljs> - * <h4>Discrete Mode</h4> - * <hljs lang="html"> - * <md-slider md-discrete ng-model="myDiscreteValue" step="10" min="10" max="130"> - * </md-slider> - * </hljs> - * - * @param {boolean=} md-discrete Whether to enable discrete mode. - * @param {number=} step The distance between values the user is allowed to pick. Default 1. - * @param {number=} min The minimum value the user is allowed to pick. Default 0. - * @param {number=} max The maximum value the user is allowed to pick. Default 100. - */ -function SliderDirective($$rAF, $window, $mdAria, $mdUtil, $mdConstant, $mdTheming, $mdGesture, $parse) { - return { - scope: {}, - require: '?ngModel', - template: - '<div class="md-slider-wrapper">\ - <div class="md-track-container">\ - <div class="md-track"></div>\ - <div class="md-track md-track-fill"></div>\ - <div class="md-track-ticks"></div>\ - </div>\ - <div class="md-thumb-container">\ - <div class="md-thumb"></div>\ - <div class="md-focus-thumb"></div>\ - <div class="md-focus-ring"></div>\ - <div class="md-sign">\ - <span class="md-thumb-text"></span>\ - </div>\ - <div class="md-disabled-thumb"></div>\ - </div>\ - </div>', - compile: compile - }; - - // ********************************************************** - // Private Methods - // ********************************************************** - - function compile (tElement, tAttrs) { - tElement.attr({ - tabIndex: 0, - role: 'slider' - }); - - $mdAria.expect(tElement, 'aria-label'); - - return postLink; - } - - function postLink(scope, element, attr, ngModelCtrl) { - $mdTheming(element); - ngModelCtrl = ngModelCtrl || { - // Mock ngModelController if it doesn't exist to give us - // the minimum functionality needed - $setViewValue: function(val) { - this.$viewValue = val; - this.$viewChangeListeners.forEach(function(cb) { cb(); }); - }, - $parsers: [], - $formatters: [], - $viewChangeListeners: [] - }; - - var isDisabledParsed = attr.ngDisabled && $parse(attr.ngDisabled); - var isDisabledGetter = isDisabledParsed ? - function() { return isDisabledParsed(scope.$parent); } : - angular.noop; - var thumb = angular.element(element[0].querySelector('.md-thumb')); - var thumbText = angular.element(element[0].querySelector('.md-thumb-text')); - var thumbContainer = thumb.parent(); - var trackContainer = angular.element(element[0].querySelector('.md-track-container')); - var activeTrack = angular.element(element[0].querySelector('.md-track-fill')); - var tickContainer = angular.element(element[0].querySelector('.md-track-ticks')); - var throttledRefreshDimensions = $mdUtil.throttle(refreshSliderDimensions, 5000); - - // Default values, overridable by attrs - angular.isDefined(attr.min) ? attr.$observe('min', updateMin) : updateMin(0); - angular.isDefined(attr.max) ? attr.$observe('max', updateMax) : updateMax(100); - angular.isDefined(attr.step)? attr.$observe('step', updateStep) : updateStep(1); - - // We have to manually stop the $watch on ngDisabled because it exists - // on the parent scope, and won't be automatically destroyed when - // the component is destroyed. - var stopDisabledWatch = angular.noop; - if (attr.ngDisabled) { - stopDisabledWatch = scope.$parent.$watch(attr.ngDisabled, updateAriaDisabled); - } - - $mdGesture.register(element, 'drag'); - - element - .on('keydown', keydownListener) - .on('$md.pressdown', onPressDown) - .on('$md.pressup', onPressUp) - .on('$md.dragstart', onDragStart) - .on('$md.drag', onDrag) - .on('$md.dragend', onDragEnd); - - // On resize, recalculate the slider's dimensions and re-render - function updateAll() { - refreshSliderDimensions(); - ngModelRender(); - redrawTicks(); - } - setTimeout(updateAll); - - var debouncedUpdateAll = $$rAF.throttle(updateAll); - angular.element($window).on('resize', debouncedUpdateAll); - - scope.$on('$destroy', function() { - angular.element($window).off('resize', debouncedUpdateAll); - stopDisabledWatch(); - }); - - ngModelCtrl.$render = ngModelRender; - ngModelCtrl.$viewChangeListeners.push(ngModelRender); - ngModelCtrl.$formatters.push(minMaxValidator); - ngModelCtrl.$formatters.push(stepValidator); - - /** - * Attributes - */ - var min; - var max; - var step; - function updateMin(value) { - min = parseFloat(value); - element.attr('aria-valuemin', value); - updateAll(); - } - function updateMax(value) { - max = parseFloat(value); - element.attr('aria-valuemax', value); - updateAll(); - } - function updateStep(value) { - step = parseFloat(value); - redrawTicks(); - } - function updateAriaDisabled(isDisabled) { - element.attr('aria-disabled', !!isDisabled); - } - - // Draw the ticks with canvas. - // The alternative to drawing ticks with canvas is to draw one element for each tick, - // which could quickly become a performance bottleneck. - var tickCanvas, tickCtx; - function redrawTicks() { - if (!angular.isDefined(attr.mdDiscrete)) return; - - var numSteps = Math.floor( (max - min) / step ); - if (!tickCanvas) { - var trackTicksStyle = $window.getComputedStyle(tickContainer[0]); - tickCanvas = angular.element('<canvas style="position:absolute;">'); - tickCtx = tickCanvas[0].getContext('2d'); - tickCtx.fillStyle = trackTicksStyle.backgroundColor || 'black'; - tickContainer.append(tickCanvas); - } - var dimensions = getSliderDimensions(); - tickCanvas[0].width = dimensions.width; - tickCanvas[0].height = dimensions.height; - - var distance; - for (var i = 0; i <= numSteps; i++) { - distance = Math.floor(dimensions.width * (i / numSteps)); - tickCtx.fillRect(distance - 1, 0, 2, dimensions.height); - } - } - - - /** - * Refreshing Dimensions - */ - var sliderDimensions = {}; - refreshSliderDimensions(); - function refreshSliderDimensions() { - sliderDimensions = trackContainer[0].getBoundingClientRect(); - } - function getSliderDimensions() { - throttledRefreshDimensions(); - return sliderDimensions; - } - - /** - * left/right arrow listener - */ - function keydownListener(ev) { - if(element[0].hasAttribute('disabled')) { - return; - } - - var changeAmount; - if (ev.keyCode === $mdConstant.KEY_CODE.LEFT_ARROW) { - changeAmount = -step; - } else if (ev.keyCode === $mdConstant.KEY_CODE.RIGHT_ARROW) { - changeAmount = step; - } - if (changeAmount) { - if (ev.metaKey || ev.ctrlKey || ev.altKey) { - changeAmount *= 4; - } - ev.preventDefault(); - ev.stopPropagation(); - scope.$evalAsync(function() { - setModelValue(ngModelCtrl.$viewValue + changeAmount); - }); - } - } - - /** - * ngModel setters and validators - */ - function setModelValue(value) { - ngModelCtrl.$setViewValue( minMaxValidator(stepValidator(value)) ); - } - function ngModelRender() { - if (isNaN(ngModelCtrl.$viewValue)) { - ngModelCtrl.$viewValue = ngModelCtrl.$modelValue; - } - - var percent = (ngModelCtrl.$viewValue - min) / (max - min); - scope.modelValue = ngModelCtrl.$viewValue; - element.attr('aria-valuenow', ngModelCtrl.$viewValue); - setSliderPercent(percent); - thumbText.text( ngModelCtrl.$viewValue ); - } - - function minMaxValidator(value) { - if (angular.isNumber(value)) { - return Math.max(min, Math.min(max, value)); - } - } - function stepValidator(value) { - if (angular.isNumber(value)) { - var formattedValue = (Math.round(value / step) * step); - // Format to 3 digits after the decimal point - fixes #2015. - return (Math.round(formattedValue * 1000) / 1000); - } - } - - /** - * @param percent 0-1 - */ - function setSliderPercent(percent) { - activeTrack.css('width', (percent * 100) + '%'); - thumbContainer.css( - 'left', - (percent * 100) + '%' - ); - element.toggleClass('md-min', percent === 0); - } - - - /** - * Slide listeners - */ - var isDragging = false; - var isDiscrete = angular.isDefined(attr.mdDiscrete); - - function onPressDown(ev) { - if (isDisabledGetter()) return; - - element.addClass('active'); - element[0].focus(); - refreshSliderDimensions(); - - var exactVal = percentToValue( positionToPercent( ev.pointer.x )); - var closestVal = minMaxValidator( stepValidator(exactVal) ); - scope.$apply(function() { - setModelValue( closestVal ); - setSliderPercent( valueToPercent(closestVal)); - }); - } - function onPressUp(ev) { - if (isDisabledGetter()) return; - - element.removeClass('dragging active'); - - var exactVal = percentToValue( positionToPercent( ev.pointer.x )); - var closestVal = minMaxValidator( stepValidator(exactVal) ); - scope.$apply(function() { - setModelValue(closestVal); - ngModelRender(); - }); - } - function onDragStart(ev) { - if (isDisabledGetter()) return; - isDragging = true; - ev.stopPropagation(); - - element.addClass('dragging'); - setSliderFromEvent(ev); - } - function onDrag(ev) { - if (!isDragging) return; - ev.stopPropagation(); - setSliderFromEvent(ev); - } - function onDragEnd(ev) { - if (!isDragging) return; - ev.stopPropagation(); - isDragging = false; - } - - function setSliderFromEvent(ev) { - // While panning discrete, update only the - // visual positioning but not the model value. - if ( isDiscrete ) adjustThumbPosition( ev.pointer.x ); - else doSlide( ev.pointer.x ); - } - - /** - * Slide the UI by changing the model value - * @param x - */ - function doSlide( x ) { - scope.$evalAsync( function() { - setModelValue( percentToValue( positionToPercent(x) )); - }); - } - - /** - * Slide the UI without changing the model (while dragging/panning) - * @param x - */ - function adjustThumbPosition( x ) { - var exactVal = percentToValue( positionToPercent( x )); - var closestVal = minMaxValidator( stepValidator(exactVal) ); - setSliderPercent( positionToPercent(x) ); - thumbText.text( closestVal ); - } - - /** - * Convert horizontal position on slider to percentage value of offset from beginning... - * @param x - * @returns {number} - */ - function positionToPercent( x ) { - return Math.max(0, Math.min(1, (x - sliderDimensions.left) / (sliderDimensions.width))); - } - - /** - * Convert percentage offset on slide to equivalent model value - * @param percent - * @returns {*} - */ - function percentToValue( percent ) { - return (min + percent * (max - min)); - } - - function valueToPercent( val ) { - return (val - min)/(max - min); - } - } -} -SliderDirective.$inject = ["$$rAF", "$window", "$mdAria", "$mdUtil", "$mdConstant", "$mdTheming", "$mdGesture", "$parse"]; - -ng.material.components.slider = angular.module("material.components.slider");
\ No newline at end of file |