7 lines
7.2 KiB
JavaScript
7 lines
7.2 KiB
JavaScript
/*!
|
|
* AngularJS Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v1.1.18-master-97a1616
|
|
*/
|
|
goog.provide("ngmaterial.components.slider"),goog.require("ngmaterial.core"),SliderDirective.$inject=["$$rAF","$window","$mdAria","$mdUtil","$mdConstant","$mdTheming","$mdGesture","$parse","$log","$timeout"],angular.module("material.components.slider",["material.core"]).directive("mdSlider",SliderDirective).directive("mdSliderContainer",SliderContainerDirective);var stepPageSize=10,modifierMultiplier=4;function SliderContainerDirective(){return{controller:function(){},compile:function(e){var t=e.find("md-slider");if(t)return void 0!==t.attr("md-vertical")&&e.attr("md-vertical",""),t.attr("flex")||t.attr("flex",""),function(e,o,t,n){function a(e){o.children().attr("disabled",e),o.find("input").attr("disabled",e)}o.addClass("_md");var l,i=angular.noop;t.disabled?a(!0):t.ngDisabled&&(i=e.$watch(t.ngDisabled,function(e){a(e)})),e.$on("$destroy",function(){i()}),n.fitInputWidthToTextLength=function(e){var t=o[0].querySelector("md-input-container");if(t){var n=getComputedStyle(t),a=parseInt(n.minWidth),i=parseInt(n.paddingLeft)+parseInt(n.paddingRight);l=l||parseInt(n.maxWidth);var r=Math.max(l,a+i+a/2*e);t.style.maxWidth=r+"px"}}}}}}function SliderDirective(G,K,i,U,H,j,Y,J,Q,X){return{scope:{},require:["?ngModel","?^mdSliderContainer"],template:'<div class="md-slider-wrapper"><div class="md-slider-content"><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></div>',compile:function(e,t){var n=angular.element(e[0].getElementsByClassName("md-slider-wrapper")),a=t.tabindex||0;n.attr("tabindex",a),(t.disabled||t.ngDisabled)&&n.attr("tabindex",-1);return n.attr("role","slider"),i.expect(e,"aria-label"),r}};function r(n,a,e,t){j(a);var i=t[0]||{$setViewValue:function(e){this.$viewValue=e,this.$viewChangeListeners.forEach(function(e){e()})},$parsers:[],$formatters:[],$viewChangeListeners:[]},r=t[1],o=(angular.element(U.getClosest(a,"_md-slider-container",!0)),e.ngDisabled?angular.bind(null,J(e.ngDisabled),n.$parent):function(){return a[0].hasAttribute("disabled")}),l=angular.element(a[0].querySelector(".md-thumb")),d=angular.element(a[0].querySelector(".md-thumb-text")),s=l.parent(),u=angular.element(a[0].querySelector(".md-track-container")),c=angular.element(a[0].querySelector(".md-track-fill")),m=angular.element(a[0].querySelector(".md-track-ticks")),f=angular.element(a[0].getElementsByClassName("md-slider-wrapper")),v=(angular.element(a[0].getElementsByClassName("md-slider-content")),U.throttle(R,5e3)),g=angular.isDefined(e.mdVertical),p=angular.isDefined(e.mdDiscrete),h=angular.isDefined(e.mdInvert);angular.isDefined(e.min)?e.$observe("min",V):V(0),angular.isDefined(e.max)?e.$observe("max",k):k(100),angular.isDefined(e.step)?e.$observe("step",M):M(1),angular.isDefined(e.round)?e.$observe("round",A):A(3);angular.noop;function $(){R(),I()}e.ngDisabled&&n.$parent.$watch(e.ngDisabled,function(){a.attr("aria-disabled",!!o())}),Y.register(f,"drag",{horizontal:!g}),n.mouseActive=!1,f.on("keydown",function(e){if(o())return;var t,n=H.KEY_CODE;switch(e.keyCode){case n.DOWN_ARROW:case n.LEFT_ARROW:e.preventDefault(),t=-D;break;case n.UP_ARROW:case n.RIGHT_ARROW:e.preventDefault(),t=D;break;case n.PAGE_DOWN:e.preventDefault(),t=-D*stepPageSize;break;case n.PAGE_UP:e.preventDefault(),t=D*stepPageSize;break;case n.HOME:e.preventDefault(),e.stopPropagation(),N(b);break;case n.END:e.preventDefault(),e.stopPropagation(),N(w)}t&&(t=h?-t:t,(e.metaKey||e.ctrlKey||e.altKey)&&(t*=modifierMultiplier),e.preventDefault(),e.stopPropagation(),N(i.$viewValue+t))}).on("mousedown",function(){(function(){if(!p||o())return;if(angular.isUndefined(D))return;if(D<=0){var e="Slider step value must be greater than zero when in discrete mode";throw Q.error(e),new Error(e)}var t=Math.floor((w-b)/D);y||(y=angular.element("<canvas>").css("position","absolute"),m.append(y),C=y[0].getContext("2d"));var n,a=E();!a||a.height||a.width||(R(),a=P);y[0].width=a.width,y[0].height=a.height;for(var i=0;i<=t;i++){var r=K.getComputedStyle(m[0]);C.fillStyle=r.color||"black",n=Math.floor((g?a.height:a.width)*(i/t)),C.fillRect(g?0:n-1,g?n-1:0,g?a.width:2,g?2:a.height)}})(),n.mouseActive=!0,f.removeClass("md-focused"),X(function(){n.mouseActive=!1},100)}).on("focus",function(){!1===n.mouseActive&&f.addClass("md-focused")}).on("blur",function(){f.removeClass("md-focused"),a.removeClass("md-active"),function(){if(y&&C){var e=E();C.clearRect(0,0,e.width,e.height)}}()}).on("$md.pressdown",function(e){if(o())return;a.addClass("md-active"),a[0].focus(),R();var t=T(_(F(z(g?e.pointer.y:e.pointer.x))));n.$apply(function(){W(t),q(B(t))})}).on("$md.pressup",function(e){if(o())return;a.removeClass("md-dragging");var t=T(_(F(z(g?e.pointer.y:e.pointer.x))));n.$apply(function(){W(t),I()})}).on("$md.dragstart",function(e){if(o())return;L=!0,e.stopPropagation(),a.addClass("md-dragging"),O(e)}).on("$md.drag",function(e){if(!L)return;e.stopPropagation(),O(e)}).on("$md.dragend",function(e){if(!L)return;e.stopPropagation(),L=!1}),setTimeout($,0);var b,w,D,x,y,C,S=G.throttle($);function V(e){b=parseFloat(e),i.$viewValue=T(i.$modelValue,b,w),f.attr("aria-valuemin",e),$()}function k(e){w=parseFloat(e),i.$viewValue=T(i.$modelValue,b,w),f.attr("aria-valuemax",e),$()}function M(e){D=parseFloat(e)}function A(e){x=T(parseInt(e),0,6)}angular.element(K).on("resize",S),n.$on("$destroy",function(){angular.element(K).off("resize",S)}),i.$render=I,i.$viewChangeListeners.push(I),i.$formatters.push(T),i.$formatters.push(_);var P={};function R(){P=u[0].getBoundingClientRect()}function E(){return v(),P}function N(e){n.$evalAsync(function(){W(e)})}function W(e){i.$setViewValue(T(_(e)))}function I(){isNaN(i.$viewValue)&&(i.$viewValue=i.$modelValue),i.$viewValue=T(i.$viewValue);var e=B(i.$viewValue);n.modelValue=i.$viewValue,f.attr("aria-valuenow",i.$viewValue),q(e),d.text(i.$viewValue)}function T(e,t,n){if(angular.isNumber(e))return t=angular.isNumber(t)?t:b,n=angular.isNumber(n)?n:w,Math.max(t,Math.min(n,e))}function _(e){if(angular.isNumber(e)){var t=Math.round((e-b)/D)*D+b;return t=Math.round(t*Math.pow(10,x))/Math.pow(10,x),r&&r.fitInputWidthToTextLength&&U.debounce(function(){r.fitInputWidthToTextLength(t.toString().length)},100)(),t}}function q(e){var t=100*(e=function(e){return Math.max(0,Math.min(e||0,1))}(e))+"%",n=h?100*(1-e)+"%":t;g?s.css("bottom",t):U.bidiProperty(s,"left","right",t),c.css(g?"height":"width",n),a.toggleClass(h?"md-max":"md-min",0===e),a.toggleClass(h?"md-min":"md-max",1===e)}R();var L=!1;function O(e){p?function(e){var t=T(_(F(z(e))));q(z(e)),d.text(t)}(g?e.pointer.y:e.pointer.x):function(e){n.$evalAsync(function(){W(F(z(e)))})}(g?e.pointer.y:e.pointer.x)}function z(e){var t=(e-(g?P.top:P.left))/(g?P.height:P.width);return g||"rtl"!==U.bidi()||(t=1-t),Math.max(0,Math.min(1,g?1-t:t))}function F(e){return b+(h?1-e:e)*(w-b)}function B(e){var t=(e-b)/(w-b);return h?1-t:t}}}ngmaterial.components.slider=angular.module("material.components.slider"); |