340 lines
27 KiB
JavaScript
340 lines
27 KiB
JavaScript
|
(function(){
|
||
|
|
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var
|
||
|
|
/** @const */ FormatOptions = [
|
||
|
|
'decimals',
|
||
|
|
'thousand',
|
||
|
|
'mark',
|
||
|
|
'prefix',
|
||
|
|
'postfix',
|
||
|
|
'encoder',
|
||
|
|
'decoder',
|
||
|
|
'negativeBefore',
|
||
|
|
'negative',
|
||
|
|
'edit',
|
||
|
|
'undo'
|
||
|
|
];
|
||
|
|
|
||
|
|
// General
|
||
|
|
|
||
|
|
// Reverse a string
|
||
|
|
function strReverse ( a ) {
|
||
|
|
return a.split('').reverse().join('');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Check if a string starts with a specified prefix.
|
||
|
|
function strStartsWith ( input, match ) {
|
||
|
|
return input.substring(0, match.length) === match;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Check is a string ends in a specified postfix.
|
||
|
|
function strEndsWith ( input, match ) {
|
||
|
|
return input.slice(-1 * match.length) === match;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Throw an error if formatting options are incompatible.
|
||
|
|
function throwEqualError( F, a, b ) {
|
||
|
|
if ( (F[a] || F[b]) && (F[a] === F[b]) ) {
|
||
|
|
throw new Error(a);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Check if a number is finite and not NaN
|
||
|
|
function isValidNumber ( input ) {
|
||
|
|
return typeof input === 'number' && isFinite( input );
|
||
|
|
}
|
||
|
|
|
||
|
|
// Provide rounding-accurate toFixed method.
|
||
|
|
function toFixed ( value, decimals ) {
|
||
|
|
var scale = Math.pow(10, decimals);
|
||
|
|
return ( Math.round(value * scale) / scale).toFixed( decimals );
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Formatting
|
||
|
|
|
||
|
|
// Accept a number as input, output formatted string.
|
||
|
|
function formatTo ( decimals, thousand, mark, prefix, postfix, encoder, decoder, negativeBefore, negative, edit, undo, input ) {
|
||
|
|
|
||
|
|
var originalInput = input, inputIsNegative, inputPieces, inputBase, inputDecimals = '', output = '';
|
||
|
|
|
||
|
|
// Apply user encoder to the input.
|
||
|
|
// Expected outcome: number.
|
||
|
|
if ( encoder ) {
|
||
|
|
input = encoder(input);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Stop if no valid number was provided, the number is infinite or NaN.
|
||
|
|
if ( !isValidNumber(input) ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Rounding away decimals might cause a value of -0
|
||
|
|
// when using very small ranges. Remove those cases.
|
||
|
|
if ( decimals !== false && parseFloat(input.toFixed(decimals)) === 0 ) {
|
||
|
|
input = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Formatting is done on absolute numbers,
|
||
|
|
// decorated by an optional negative symbol.
|
||
|
|
if ( input < 0 ) {
|
||
|
|
inputIsNegative = true;
|
||
|
|
input = Math.abs(input);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Reduce the number of decimals to the specified option.
|
||
|
|
if ( decimals !== false ) {
|
||
|
|
input = toFixed( input, decimals );
|
||
|
|
}
|
||
|
|
|
||
|
|
// Transform the number into a string, so it can be split.
|
||
|
|
input = input.toString();
|
||
|
|
|
||
|
|
// Break the number on the decimal separator.
|
||
|
|
if ( input.indexOf('.') !== -1 ) {
|
||
|
|
inputPieces = input.split('.');
|
||
|
|
|
||
|
|
inputBase = inputPieces[0];
|
||
|
|
|
||
|
|
if ( mark ) {
|
||
|
|
inputDecimals = mark + inputPieces[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
// If it isn't split, the entire number will do.
|
||
|
|
inputBase = input;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Group numbers in sets of three.
|
||
|
|
if ( thousand ) {
|
||
|
|
inputBase = strReverse(inputBase).match(/.{1,3}/g);
|
||
|
|
inputBase = strReverse(inputBase.join( strReverse( thousand ) ));
|
||
|
|
}
|
||
|
|
|
||
|
|
// If the number is negative, prefix with negation symbol.
|
||
|
|
if ( inputIsNegative && negativeBefore ) {
|
||
|
|
output += negativeBefore;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Prefix the number
|
||
|
|
if ( prefix ) {
|
||
|
|
output += prefix;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Normal negative option comes after the prefix. Defaults to '-'.
|
||
|
|
if ( inputIsNegative && negative ) {
|
||
|
|
output += negative;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Append the actual number.
|
||
|
|
output += inputBase;
|
||
|
|
output += inputDecimals;
|
||
|
|
|
||
|
|
// Apply the postfix.
|
||
|
|
if ( postfix ) {
|
||
|
|
output += postfix;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Run the output through a user-specified post-formatter.
|
||
|
|
if ( edit ) {
|
||
|
|
output = edit ( output, originalInput );
|
||
|
|
}
|
||
|
|
|
||
|
|
// All done.
|
||
|
|
return output;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Accept a sting as input, output decoded number.
|
||
|
|
function formatFrom ( decimals, thousand, mark, prefix, postfix, encoder, decoder, negativeBefore, negative, edit, undo, input ) {
|
||
|
|
|
||
|
|
var originalInput = input, inputIsNegative, output = '';
|
||
|
|
|
||
|
|
// User defined pre-decoder. Result must be a non empty string.
|
||
|
|
if ( undo ) {
|
||
|
|
input = undo(input);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Test the input. Can't be empty.
|
||
|
|
if ( !input || typeof input !== 'string' ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// If the string starts with the negativeBefore value: remove it.
|
||
|
|
// Remember is was there, the number is negative.
|
||
|
|
if ( negativeBefore && strStartsWith(input, negativeBefore) ) {
|
||
|
|
input = input.replace(negativeBefore, '');
|
||
|
|
inputIsNegative = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Repeat the same procedure for the prefix.
|
||
|
|
if ( prefix && strStartsWith(input, prefix) ) {
|
||
|
|
input = input.replace(prefix, '');
|
||
|
|
}
|
||
|
|
|
||
|
|
// And again for negative.
|
||
|
|
if ( negative && strStartsWith(input, negative) ) {
|
||
|
|
input = input.replace(negative, '');
|
||
|
|
inputIsNegative = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Remove the postfix.
|
||
|
|
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice
|
||
|
|
if ( postfix && strEndsWith(input, postfix) ) {
|
||
|
|
input = input.slice(0, -1 * postfix.length);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Remove the thousand grouping.
|
||
|
|
if ( thousand ) {
|
||
|
|
input = input.split(thousand).join('');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Set the decimal separator back to period.
|
||
|
|
if ( mark ) {
|
||
|
|
input = input.replace(mark, '.');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Prepend the negative symbol.
|
||
|
|
if ( inputIsNegative ) {
|
||
|
|
output += '-';
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add the number
|
||
|
|
output += input;
|
||
|
|
|
||
|
|
// Trim all non-numeric characters (allow '.' and '-');
|
||
|
|
output = output.replace(/[^0-9\.\-.]/g, '');
|
||
|
|
|
||
|
|
// The value contains no parse-able number.
|
||
|
|
if ( output === '' ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Covert to number.
|
||
|
|
output = Number(output);
|
||
|
|
|
||
|
|
// Run the user-specified post-decoder.
|
||
|
|
if ( decoder ) {
|
||
|
|
output = decoder(output);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Check is the output is valid, otherwise: return false.
|
||
|
|
if ( !isValidNumber(output) ) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return output;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Framework
|
||
|
|
|
||
|
|
// Validate formatting options
|
||
|
|
function validate ( inputOptions ) {
|
||
|
|
|
||
|
|
var i, optionName, optionValue,
|
||
|
|
filteredOptions = {};
|
||
|
|
|
||
|
|
for ( i = 0; i < FormatOptions.length; i+=1 ) {
|
||
|
|
|
||
|
|
optionName = FormatOptions[i];
|
||
|
|
optionValue = inputOptions[optionName];
|
||
|
|
|
||
|
|
if ( optionValue === undefined ) {
|
||
|
|
|
||
|
|
// Only default if negativeBefore isn't set.
|
||
|
|
if ( optionName === 'negative' && !filteredOptions.negativeBefore ) {
|
||
|
|
filteredOptions[optionName] = '-';
|
||
|
|
// Don't set a default for mark when 'thousand' is set.
|
||
|
|
} else if ( optionName === 'mark' && filteredOptions.thousand !== '.' ) {
|
||
|
|
filteredOptions[optionName] = '.';
|
||
|
|
} else {
|
||
|
|
filteredOptions[optionName] = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Floating points in JS are stable up to 7 decimals.
|
||
|
|
} else if ( optionName === 'decimals' ) {
|
||
|
|
if ( optionValue >= 0 && optionValue < 8 ) {
|
||
|
|
filteredOptions[optionName] = optionValue;
|
||
|
|
} else {
|
||
|
|
throw new Error(optionName);
|
||
|
|
}
|
||
|
|
|
||
|
|
// These options, when provided, must be functions.
|
||
|
|
} else if ( optionName === 'encoder' || optionName === 'decoder' || optionName === 'edit' || optionName === 'undo' ) {
|
||
|
|
if ( typeof optionValue === 'function' ) {
|
||
|
|
filteredOptions[optionName] = optionValue;
|
||
|
|
} else {
|
||
|
|
throw new Error(optionName);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Other options are strings.
|
||
|
|
} else {
|
||
|
|
|
||
|
|
if ( typeof optionValue === 'string' ) {
|
||
|
|
filteredOptions[optionName] = optionValue;
|
||
|
|
} else {
|
||
|
|
throw new Error(optionName);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Some values can't be extracted from a
|
||
|
|
// string if certain combinations are present.
|
||
|
|
throwEqualError(filteredOptions, 'mark', 'thousand');
|
||
|
|
throwEqualError(filteredOptions, 'prefix', 'negative');
|
||
|
|
throwEqualError(filteredOptions, 'prefix', 'negativeBefore');
|
||
|
|
|
||
|
|
return filteredOptions;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Pass all options as function arguments
|
||
|
|
function passAll ( options, method, input ) {
|
||
|
|
var i, args = [];
|
||
|
|
|
||
|
|
// Add all options in order of FormatOptions
|
||
|
|
for ( i = 0; i < FormatOptions.length; i+=1 ) {
|
||
|
|
args.push(options[FormatOptions[i]]);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Append the input, then call the method, presenting all
|
||
|
|
// options as arguments.
|
||
|
|
args.push(input);
|
||
|
|
return method.apply('', args);
|
||
|
|
}
|
||
|
|
|
||
|
|
/** @constructor */
|
||
|
|
function wNumb ( options ) {
|
||
|
|
|
||
|
|
if ( !(this instanceof wNumb) ) {
|
||
|
|
return new wNumb ( options );
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( typeof options !== "object" ) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
options = validate(options);
|
||
|
|
|
||
|
|
// Call 'formatTo' with proper arguments.
|
||
|
|
this.to = function ( input ) {
|
||
|
|
return passAll(options, formatTo, input);
|
||
|
|
};
|
||
|
|
|
||
|
|
// Call 'formatFrom' with proper arguments.
|
||
|
|
this.from = function ( input ) {
|
||
|
|
return passAll(options, formatFrom, input);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
/** @export */
|
||
|
|
window.wNumb = wNumb;
|
||
|
|
|
||
|
|
}());
|
||
|
|
|
||
|
|
|
||
|
|
/*! nouislider - 9.0.0 - 2019-09-29 21:44:02 */
|
||
|
|
|
||
|
|
!function(a){"function"==typeof define&&define.amd?define([],a):"object"==typeof exports?module.exports=a():window.noUiSlider=a()}(function(){"use strict";function a(a,b){var c=document.createElement("div");return j(c,b),a.appendChild(c),c}function b(a){return a.filter(function(a){return!this[a]&&(this[a]=!0)},{})}function c(a,b){return Math.round(a/b)*b}function d(a,b){var c=a.getBoundingClientRect(),d=a.ownerDocument,e=d.documentElement,f=m();return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(f.x=0),b?c.top+f.y-e.clientTop:c.left+f.x-e.clientLeft}function e(a){return"number"==typeof a&&!isNaN(a)&&isFinite(a)}function f(a,b,c){c>0&&(j(a,b),setTimeout(function(){k(a,b)},c))}function g(a){return Math.max(Math.min(a,100),0)}function h(a){return Array.isArray(a)?a:[a]}function i(a){a=String(a);var b=a.split(".");return b.length>1?b[1].length:0}function j(a,b){a.classList?a.classList.add(b):a.className+=" "+b}function k(a,b){a.classList?a.classList.remove(b):a.className=a.className.replace(new RegExp("(^|\\b)"+b.split(" ").join("|")+"(\\b|$)","gi")," ")}function l(a,b){return a.classList?a.classList.contains(b):new RegExp("\\b"+b+"\\b").test(a.className)}function m(){var a=void 0!==window.pageXOffset,b="CSS1Compat"===(document.compatMode||""),c=a?window.pageXOffset:b?document.documentElement.scrollLeft:document.body.scrollLeft,d=a?window.pageYOffset:b?document.documentElement.scrollTop:document.body.scrollTop;return{x:c,y:d}}function n(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function o(a,b){return 100/(b-a)}function p(a,b){return 100*b/(a[1]-a[0])}function q(a,b){return p(a,a[0]<0?b+Math.abs(a[0]):b-a[0])}function r(a,b){return b*(a[1]-a[0])/100+a[0]}function s(a,b){for(var c=1;a>=b[c];)c+=1;return c}function t(a,b,c){if(c>=a.slice(-1)[0])return 100;var d,e,f,g,h=s(c,a);return d=a[h-1],e=a[h],f=b[h-1],g=b[h],f+q([d,e],c)/o(f,g)}function u(a,b,c){if(c>=100)return a.slice(-1)[0];var d,e,f,g,h=s(c,b);return d=a[h-1],e=a[h],f=b[h-1],g=b[h],r([d,e],(c-f)*o(f,g))}function v(a,b,d,e){if(100===e)return e;var f,g,h=s(e,a);return d?(f=a[h-1],g=a[h],e-f>(g-f)/2?g:f):b[h-1]?a[h-1]+c(e-a[h-1],b[h-1]):e}function w(a,b,c){var d;if("number"==typeof b&&(b=[b]),"[object Array]"!==Object.prototype.toString.call(b))throw new Error("noUiSlider: 'range' contains invalid value.");if(d="min"===a?0:"max"===a?100:parseFloat(a),!e(d)||!e(b[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");c.xPct.push(d),c.xVal.push(b[0]),d?c.xSteps.push(!isNaN(b[1])&&b[1]):isNaN(b[1])||(c.xSteps[0]=b[1]),c.xHighestCompleteStep.push(0)}function x(a,b,c){if(!b)return!0;c.xSteps[a]=p([c.xVal[a],c.xVal[a+1]],b)/o(c.xPct[a],c.xPct[a+1]);var d=(c.xVal[a+1]-c.xVal[a])/c.xNumSteps[a],e=Math.ceil(Number(d.toFixed(3))-1),f=c.xVal[a]+c.xNumSteps[a]*e;c.xHighestCompleteStep[a]=f}function y(a,b,c,d){this.xPct=[],this.xVal=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.xHighestCompleteStep=[],this.snap=b,this.direction=c;var e,f=[];for(e in a)a.hasOwnProperty(e)&&f.push([a[e],e]);for(f.length&&"object"==typeof f[0][0]?f.sort(function(a,b){return a[0][0]-b[0][0]}):f.sort(function(a,b){return a[0]-b[0]}),e=0;e<f.length;e++)w(f[e][1],f[e][0],this);for(this.xNumSteps=this.xSteps.slice(0),e=0;e<this.xNumSteps.length;e++)x(e,this.xNumSteps[e],this)}function z(a,b){if(!e(b))throw new Error("noUiSlider: 'step' is not numeric.");a.singleStep=b}function A(a,b){if("object"!=typeof b||Array.isArray(b))throw new Error("noUiSlider: 'range' is not an object.");if(void 0===b.min||void 0===b.max)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");if(b.min===b.max)throw new Error("noUiSlider: 'range' 'min' and 'max' cannot be equal.");a.spectrum=new y(b,a.snap,a.dir,a.singleStep)}function B(a,b){if(b=h(b),!Array.isArray(b)||!b.length)throw new Error("noUiSlider: 'start' option is incorrect.");a.handles=b.length,a.start=b}function
|