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