sliderinput.min.js

webpackJsonp([27],{1013:function(n,exports){n.exports='<section class="intro-content">\n\t<h1 translate=\'{{vm.$state.current.name}}\'></h1>\n\t<p>{{\'SliderInputDesc\'|translate}}</p>\n</section>\n\n<section class="intro-content">\n\t<h2>{{\'Install\' | translate}}</h2>\n</section>\n\n<div class="example-block">\n<div class="highlight" hljs hljs-language="bash">\nnpm install fancyui --save\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Inject_Module\'|translate}}</h2>\n</section>\n\n<div class="example-block no-border">\n<div class="highlight" hljs hljs-language="javascript">\nimport sliderinputComponent from \'./sliderinput.component\';\nimport {RangeInput} from \'fancyui\';\nexport default angular.module(\'sliderInput\', [\n  RangeInput.name\n])\n.component(\'sliderInput\', sliderinputComponent);\n</div>\n</div>\n\n\n<h2>{{\'Example\'|translate}}</h2>\n\n<div class="example-block">\n\t<div class="bs-example">\n\t\t<div class="range-container">\n\t\t\t<div class="range-controller">\n\t\t\t\t<div class="ffan-range ffan-range--default" min="0" max="1024" step="1">\n\t\t\t\t\t<div class="ffan-range__range" end="{{_c}}" ></div>\n\t\t\t\t\t<div class="ffan-range__thumb" ng-model="_c" name="input"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div class="range-input">\n\t\t\t\t<input type="number" class="form-control" ng-model="_c" min="0" max="1024" step="1"> M\n\t\t\t</div>\n\t\t</div>\n\t</div>\n<div class="highlight" hljs hljs-language="html">\n<div class="range-container">\n  <div class="range-controller">\n    <div class="ffan-range ffan-range--default" min="0" max="1024" step="1">\n    <div class="ffan-range__range" end="{{_c}}" ></div>\n    <div class="ffan-range__thumb" ng-model="_c" name="input"></div>\n  </div>\n  </div>\n  <div class="range-input">\n    <input type="number" class="form-control" ng-model="_c" min="0" max="1024" step="1"> M\n  </div>\n</div>\n</div>\n</div>\n\n<section class="intro-content">\n\t<h2>{{\'Options\'|translate}}</h2>\n\t<table class="demo-table">\n\t\t<thead>\n\t\t<tr>\n\t\t\t<th>{{\'Param\'|translate}}</th>\n\t\t\t<th>{{\'Description\'|translate}}</th>\n\t\t\t<th>{{\'Type\'|translate}}</th>\n\t\t\t<th>{{\'Optional\'|translate}}</th>\n\t\t\t<th>{{\'DefaultValue\'|translate}}</th>\n\t\t</tr>\n\t\t</thead>\n\t\t<tbody>\n\t\t<tr>\n\t\t\t<td>min</td>\n\t\t\t<td>min value</td>\n\t\t\t<td>number</td>\n\t\t\t<td>—</td>\n\t\t\t<td>0</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>max</td>\n\t\t\t<td>max value</td>\n\t\t\t<td>number</td>\n\t\t\t<td>—</td>\n\t\t\t<td>100</td>\n\t\t</tr>\n\t\t<tr>\n\t\t\t<td>step</td>\n\t\t\t<td>step number</td>\n\t\t\t<td>number</td>\n\t\t\t<td>—</td>\n\t\t\t<td>1</td>\n\t\t</tr>\n\t\t</tbody>\n\t</table>\n</section>\n'},1081:function(n,exports,t){var e=t(711);"string"==typeof e&&(e=[[n.i,e,""]]);t(2)(e,{});e.locals&&(n.exports=e.locals)},1103:function(n,exports,t){var e=t(733);"string"==typeof e&&(e=[[n.i,e,""]]);t(2)(e,{});e.locals&&(n.exports=e.locals)},316:function(n,exports,t){"use strict";function e(n){return n&&n.__esModule?n:{"default":n}}Object.defineProperty(exports,"__esModule",{value:!0});var a=t(888),i=e(a),r=t(949),o=e(r);exports["default"]=angular.module("sliderInput",[o["default"].name]).component("sliderInput",i["default"])},711:function(n,exports,t){exports=n.exports=t(1)(),exports.push([n.i,".range-controller {\n  width: 70%;\n  display: inline-block;\n  vertical-align: middle;\n}\n.range-input {\n  width: 20%;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 10px;\n}\n.range-input input {\n  width: 60%;\n  display: inline-block;\n  margin-right: 5px;\n}\n",""])},733:function(n,exports,t){exports=n.exports=t(1)(),exports.push([n.i,"/* =ffan.Range\n-----------------------------------------------------------------------------*/\n.ffan-range {\n  position: relative;\n  display: block;\n}\n.ffan-range:after {\n  position: absolute;\n  left: 0;\n  right: 0;\n  display: block;\n  content: '';\n  z-index: 4;\n}\n.ffan-range__thumb {\n  position: absolute;\n  cursor: pointer;\n  z-index: 5;\n}\n.ffan-range__range {\n  position: absolute;\n  height: 100%;\n  left: 0;\n  right: 100%;\n  z-index: 6;\n}\n/* =ffan.Range default style\n-----------------------------------------------------------------------------*/\n.ffan-range--default {\n  height: 20px;\n  margin-right: 10px;\n}\n.ffan-range--default:after,\n.ffan-range--default .ffan-range__range {\n  height: 9px;\n  border-radius: 3px;\n  top: 5px;\n  right: -10px;\n}\n.ffan-range--default .ffan-range__range {\n  border-radius: 3px 0 0 3px;\n}\n.ffan-range--default:after {\n  background: #e5e5e5;\n}\n.ffan-range--default .ffan-range__thumb {\n  width: 10px;\n  height: 20px;\n  background: #10a793;\n  border-radius: 3px;\n}\n.ffan-range--default .ffan-range__thumb:hover {\n  background: #10a793;\n}\n.ffan-range--default .ffan-range__range {\n  background: #1fbba6;\n}\n.echarts-container {\n  float: none;\n  height: 150px;\n}\n.echarts {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n",""])},888:function(n,exports,t){"use strict";function e(n){return n&&n.__esModule?n:{"default":n}}Object.defineProperty(exports,"__esModule",{value:!0});var a=t(1013),i=e(a),r=t(889),o=e(r);t(1081),exports["default"]={restrict:"E",bindings:{},template:i["default"],controller:o["default"],controllerAs:"vm"}},889:function(n,exports){"use strict";function t(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(exports,"__esModule",{value:!0});var e=function a(n,e){"ngInject";t(this,a),this.$state=e};e.$inject=["$document","$state"],exports["default"]=e},949:function(n,exports,t){"use strict";function e(n){return n&&n.__esModule?n:{"default":n}}Object.defineProperty(exports,"__esModule",{value:!0}),t(1103);var a=t(975),i=e(a);exports["default"]=angular.module("rangeInput",[i["default"].name]).value("ffanRangeConfig",{}).controller("ffanRangeController",["$element",function(n){this.element=n,this.min=0,this.max=100,this.step=1}]).directive("ffanRange",function(){return{restrict:"EAC",controller:"ffanRangeController",compile:function(n){return 0===n.children().length&&(n.attr("class")||""===n.attr("class")||n.addClass("ffan-range--default"),n.append('<div class="ffan-range__thumb" ng-model="__'+Math.random().toString(36).substring(7)+'"></div>')),function(n,t,e,a){t.hasClass("ffan-range")||t.addClass("ffan-range"),e.$observe("min",function(t){a.min=+t,a.min=isNaN(a.min)?0:a.min,n.$emit("global min changed")}),e.$observe("max",function(t){a.max=+t,a.max=isNaN(a.max)?100:a.max,n.$emit("global max changed")}),e.$observe("step",function(t){a.step=+t,a.step=!isNaN(a.step)&&a.step>0?a.step:1,n.$emit("global step changed")})}}}}).directive("ffanRangeRange",function(){return{restrict:"EAC",require:"^ffanRange",scope:{start:"@",end:"@"},link:function(n,t,e,a){t.hasClass("ffan-range__range")||t.addClass("ffan-range__range"),e.$observe("start",function(n){var e=isNaN(+n)?0:+n;e=(e-a.min)/(a.max-a.min)*100,t.css("left",e+"%")}),e.$observe("end",function(n){var i=angular.isDefined(e.start)||angular.isDefined(e.end),r=isNaN(+n)?i?100:0:+n;r=(r-a.min)/(a.max-a.min)*100,t.css("right",100-r+"%")})}}}).directive("ffanRangeThumb",["$swipe",function(n){var t=angular.element(document.body.parentElement);return{restrict:"EAC",require:["^ffanRange","?ngModel"],link:function(e,a,i,r){function o(n,t,e,a){var i=n;return t>e?e:(i=Math.floor(i/a)*a,i=Math.max(Math.min(i,e),t))}function s(n){var t=n;return t=o(t,p.min,p.max,p.step)}function l(n,t){angular.isUndefined(t)||isNaN(f.$modelValue)||t===n||f.$setViewValue(s(f.$modelValue))}function u(){if(!(p.time&&+new Date<p.time+1e3)){var n=a.parent()[0].getBoundingClientRect();p.time=+new Date,p.trackOrigine=n.left,p.trackSize=n.width}}function c(n){p.lastPos=n.x,u();var t=m.min+(p.lastPos-p.trackOrigine)/p.trackSize*(m.max-m.min);t=s(t),f.$setViewValue(parseFloat(t.toFixed(5))),e.$root.$$phase||e.$root.$apply(),f.$render()}if(a.hasClass("ffan-range__thumb")||a.addClass("ffan-range__thumb"),r[1]){var d,f=r[1],m=r[0],p={min:m.min,max:m.max,step:m.step};i.$observe("min",function(n){var t=p.min;p.min=+n,p.min=isNaN(p.min)?0:p.min,l(p.min,t),f.$render()}),e.$on("global min changed",function(){var n=p.min;p.min=angular.isDefined(i.min)?p.min:m.min,p.min=isNaN(p.min)?0:p.min,l(p.min,n),f.$render()}),i.$observe("max",function(n){var t=p.max;p.max=+n,p.max=isNaN(p.max)?100:p.max,l(p.max,t),f.$render()}),e.$on("global max changed",function(){var n=p.max;p.max=angular.isDefined(i.max)?p.max:m.max,p.max=isNaN(p.max)?100:p.max,l(p.max,n),f.$render()}),i.$observe("step",function(n){var t=p.step;p.step=+n,p.step=!isNaN(p.step)&&p.step>0?p.step:1,l(p.step,t),f.$render()}),e.$on("global step changed",function(){var n=p.step;p.step=angular.isDefined(i.step)?p.step:m.step,p.step=!isNaN(p.step)&&p.step>0?p.step:1,l(p.step,n),f.$render()}),f.$render=function(){d&&window.cancelAnimationFrame(d),d=window.requestAnimationFrame(function(){var n=(f.$viewValue-m.min)/(m.max-m.min)*100;n=n.toFixed(5),a.css("left",n+"%")})},f.$formatters.push(function(n){return+n}),f.$parsers.push(function(n){return f.$setValidity("step",!0),Math.floor(n/p.step)*p.step}),f.$formatters.push(function(n){return f.$isEmpty(n)||n===Math.floor(n/p.step)*p.step?(f.$setValidity("step",!0),n):void f.$setValidity("step",!1)}),f.$parsers.push(function(n){return f.$setValidity("max",!0),Math.min(n,p.max)}),f.$formatters.push(function(n){return!f.$isEmpty(n)&&n>p.max?void f.$setValidity("max",!1):(f.$setValidity("max",!0),n)}),f.$parsers.push(function(n){return f.$setValidity("min",!0),Math.max(n,p.min)}),f.$formatters.push(function(n){return!f.$isEmpty(n)&&n<p.min?void f.$setValidity("min",!1):(f.$setValidity("min",!0),n)}),f.$formatters.push(function(n){return f.$isEmpty(n)||angular.isNumber(n)?(f.$setValidity("number",!0),n):void f.$setValidity("number",!1)});var g=1<a.parent()[0].getElementsByClassName("ffan-range__thumb").length;n.bind(m.element,{start:function(e,i){g&&i.target!==a[0]||(n.bind(t,{start:function(n,t){t.stopPropagation(),t.preventDefault()},move:function(n){c(n)},end:function(){t.unbind()}}),g||(c(e),t.triggerHandler("touchstart mousedown",i)))}})}}}}])},975:function(n,exports){"use strict";function t(n){return angular.lowercase(n.nodeName||n[0]&&n[0].nodeName)}function e(n,t){var e=!1,a=!1;this.ngClickOverrideEnabled=function(i){return angular.isDefined(i)?(i&&!a&&(a=!0,r.$$moduleName="ngTouch",t.directive("ngClick",r),n.decorator("ngClickDirective",["$delegate",function(n){if(e)n.shift();else for(var t=n.length-1;t>=0;){if("ngTouch"===n[t].$$moduleName){n.splice(t,1);break}t--}return n}])),e=i,this):e},this.$get=function(){return{ngClickOverrideEnabled:function(){return e}}}}function a(n,t,e){i.directive(n,["$parse","$swipe",function(a,i){var r=75,o=.3,s=30;return function(l,u,c){function d(n){if(!f)return!1;var e=Math.abs(n.y-f.y),a=(n.x-f.x)*t;return m&&e<r&&a>0&&a>s&&e/a<o}var f,m,p=a(c[n]),g=["touch"];angular.isDefined(c.ngSwipeDisableMouse)||g.push("mouse"),i.bind(u,{start:function(n,t){f=n,m=!0},cancel:function(n){m=!1},end:function(n,t){d(n)&&l.$apply(function(){u.triggerHandler(e),p(l,{$event:t})})}},g)}}])}Object.defineProperty(exports,"__esModule",{value:!0});var i=angular.module("ffanTouch",[]);i.provider("$touch",e),e.$inject=["$provide","$compileProvider"],i.factory("$swipe",[function(){function n(n){var t=n.originalEvent||n,e=t.touches&&t.touches.length?t.touches:[t],a=t.changedTouches&&t.changedTouches[0]||e[0];return{x:a.clientX,y:a.clientY}}function t(n,t){var e=[];return angular.forEach(n,function(n){var i=a[n][t];i&&e.push(i)}),e.join(" ")}var e=10,a={mouse:{start:"mousedown",move:"mousemove",end:"mouseup"},touch:{start:"touchstart",move:"touchmove",end:"touchend",cancel:"touchcancel"},pointer:{start:"pointerdown",move:"pointermove",end:"pointerup",cancel:"pointercancel"}};return{bind:function(a,i,r){var o,s,l,u,c=!1;r=r||["mouse","touch","pointer"],a.on(t(r,"start"),function(t){l=n(t),c=!0,o=0,s=0,u=l,i.start&&i.start(l,t)});var d=t(r,"cancel");d&&a.on(d,function(n){c=!1,i.cancel&&i.cancel(n)}),a.on(t(r,"move"),function(t){if(c&&l){var a=n(t);if(o+=Math.abs(a.x-u.x),s+=Math.abs(a.y-u.y),u=a,!(o<e&&s<e))return s>o?(c=!1,void(i.cancel&&i.cancel(t))):(t.preventDefault(),void(i.move&&i.move(a,t)))}}),a.on(t(r,"end"),function(t){c&&(c=!1,i.end&&i.end(n(t),t))})}}}]);var r=["$parse","$timeout","$rootElement",function(n,e,a){function i(n,t,e,a){return Math.abs(n-e)<g&&Math.abs(t-a)<g}function r(n,t,e){for(var a=0;a<n.length;a+=2)if(i(n[a],n[a+1],t,e))return n.splice(a,a+2),!0;return!1}function o(n){if(!(Date.now()-u>p)){var e=n.touches&&n.touches.length?n.touches:[n],a=e[0].clientX,i=e[0].clientY;a<1&&i<1||d&&d[0]===a&&d[1]===i||(d&&(d=null),"label"===t(n.target)&&(d=[a,i]),r(c,a,i)||(n.stopPropagation(),n.preventDefault(),n.target&&n.target.blur&&n.target.blur()))}}function s(n){var t=n.touches&&n.touches.length?n.touches:[n],a=t[0].clientX,i=t[0].clientY;c.push(a,i),e(function(){for(var n=0;n<c.length;n+=2)if(c[n]===a&&c[n+1]===i)return void c.splice(n,n+2)},p,!1)}function l(n,t){c||(a[0].addEventListener("click",o,!0),a[0].addEventListener("touchstart",s,!0),c=[]),u=Date.now(),r(c,n,t)}var u,c,d,f=750,m=12,p=2500,g=25,h="ng-click-active";return function(t,e,a){function i(){d=!1,e.removeClass(h)}var r,o,s,u,c=n(a.ngClick),d=!1;e.on("touchstart",function(n){d=!0,r=n.target?n.target:n.srcElement,3===r.nodeType&&(r=r.parentNode),e.addClass(h),o=Date.now();var t=n.originalEvent||n,a=t.touches&&t.touches.length?t.touches:[t],i=a[0];s=i.clientX,u=i.clientY}),e.on("touchcancel",function(n){i()}),e.on("touchend",function(n){var t=Date.now()-o,c=n.originalEvent||n,p=c.changedTouches&&c.changedTouches.length?c.changedTouches:c.touches&&c.touches.length?c.touches:[c],g=p[0],h=g.clientX,v=g.clientY,b=Math.sqrt(Math.pow(h-s,2)+Math.pow(v-u,2));d&&t<f&&b<m&&(l(h,v),r&&r.blur(),angular.isDefined(a.disabled)&&a.disabled!==!1||e.triggerHandler("click",[n])),i()}),e.onclick=function(n){},e.on("click",function(n,e){t.$apply(function(){c(t,{$event:e||n})})}),e.on("mousedown",function(n){e.addClass(h)}),e.on("mousemove mouseup",function(n){e.removeClass(h)})}}];a("ngSwipeLeft",-1,"swipeleft"),a("ngSwipeRight",1,"swiperight"),exports["default"]=i}});
//# sourceMappingURL=sliderinput.min.js.map