/* Input Mask plugin extensions http://github.com/RobinHerbots/jquery.inputmask Copyright (c) Robin Herbots Licensed under the MIT license */ import Inputmask from "../inputmask"; import keyCode from "../keycode.json"; import escapeRegex from "../escapeRegex"; import {seekNext} from "../positioning"; const $ = Inputmask.dependencyLib; function autoEscape(txt, opts) { var escapedTxt = ""; for (var i = 0; i < txt.length; i++) { if (Inputmask.prototype.definitions[txt.charAt(i)] || opts.definitions[txt.charAt(i)] || opts.optionalmarker[0] === txt.charAt(i) || opts.optionalmarker[1] === txt.charAt(i) || opts.quantifiermarker[0] === txt.charAt(i) || opts.quantifiermarker[1] === txt.charAt(i) || opts.groupmarker[0] === txt.charAt(i) || opts.groupmarker[1] === txt.charAt(i) || opts.alternatormarker === txt.charAt(i)) { escapedTxt += "\\" + txt.charAt(i); } else { escapedTxt += txt.charAt(i); } } return escapedTxt; } function alignDigits(buffer, digits, opts, force) { if (buffer.length > 0 && digits > 0 && (!opts.digitsOptional || force)) { var radixPosition = buffer.indexOf(opts.radixPoint), negationBack = false; if (opts.negationSymbol.back === buffer[buffer.length - 1]) { negationBack = true; buffer.length--; } if (radixPosition === -1) { buffer.push(opts.radixPoint); radixPosition = buffer.length - 1; } for (var i = 1; i <= digits; i++) { if (!isFinite(buffer[radixPosition + i])) { buffer[radixPosition + i] = "0"; } } } if (negationBack) buffer.push(opts.negationSymbol.back); return buffer; } function findValidator(symbol, maskset) { var posNdx = 0; if (symbol === "+") { for (posNdx in maskset.validPositions) ; posNdx = seekNext.call(this, parseInt(posNdx)); } for (var tstNdx in maskset.tests) { tstNdx = parseInt(tstNdx); if (tstNdx >= posNdx) { for (var ndx = 0, ndxl = maskset.tests[tstNdx].length; ndx < ndxl; ndx++) { if ((maskset.validPositions[tstNdx] === undefined || symbol === "-") && maskset.tests[tstNdx][ndx].match.def === symbol) { return tstNdx + ((maskset.validPositions[tstNdx] !== undefined && symbol !== "-") ? 1 : 0); } } } } return posNdx; } function findValid(symbol, maskset) { var ret = -1; for (let ndx in maskset.validPositions) { let tst = maskset.validPositions[ndx]; if (tst && tst.match.def === symbol) { ret = parseInt(ndx); break; } } return ret; } function parseMinMaxOptions(opts) { if (opts.parseMinMaxOptions === undefined) { // convert min and max options if (opts.min !== null) { opts.min = opts.min.toString().replace(new RegExp(escapeRegex(opts.groupSeparator), "g"), ""); if (opts.radixPoint === ",") opts.min = opts.min.replace(opts.radixPoint, "."); opts.min = isFinite(opts.min) ? parseFloat(opts.min) : NaN; if (isNaN(opts.min)) opts.min = Number.MIN_VALUE; } if (opts.max !== null) { opts.max = opts.max.toString().replace(new RegExp(escapeRegex(opts.groupSeparator), "g"), ""); if (opts.radixPoint === ",") opts.max = opts.max.replace(opts.radixPoint, "."); opts.max = isFinite(opts.max) ? parseFloat(opts.max) : NaN; if (isNaN(opts.max)) opts.max = Number.MAX_VALUE; } opts.parseMinMaxOptions = "done"; } } function genMask(opts) { opts.repeat = 0; //treat equal separator and radixpoint if (opts.groupSeparator === opts.radixPoint && opts.digits && opts.digits !== "0") { if (opts.radixPoint === ".") { opts.groupSeparator = ","; } else if (opts.radixPoint === ",") { opts.groupSeparator = "."; } else { opts.groupSeparator = ""; } } //prevent conflict with default skipOptionalPartCharacter if (opts.groupSeparator === " ") { opts.skipOptionalPartCharacter = undefined; } //enforce placeholder to single if (opts.placeholder.length > 1) { opts.placeholder = opts.placeholder.charAt(0); } //only allow radixfocus when placeholder = 0 if (opts.positionCaretOnClick === "radixFocus" && opts.placeholder === "") { opts.positionCaretOnClick = "lvp"; } var decimalDef = "0", radixPointDef = opts.radixPoint; if (opts.numericInput === true && opts.__financeInput === undefined) { //finance people input style decimalDef = "1"; opts.positionCaretOnClick = opts.positionCaretOnClick === "radixFocus" ? "lvp" : opts.positionCaretOnClick; opts.digitsOptional = false; if (isNaN(opts.digits)) opts.digits = 2; opts._radixDance = false; radixPointDef = (opts.radixPoint === "," ? "?" : "!"); if (opts.radixPoint !== "" && opts.definitions[radixPointDef] === undefined) { //update separator definition opts.definitions[radixPointDef] = {}; opts.definitions[radixPointDef].validator = "[" + opts.radixPoint + "]"; opts.definitions[radixPointDef].placeholder = opts.radixPoint; opts.definitions[radixPointDef].static = true; opts.definitions[radixPointDef].generated = true; //forced marker as generated input } } else { opts.__financeInput = false; //needed to keep original selection when remasking opts.numericInput = true; } var mask = "[+]", altMask; mask += autoEscape(opts.prefix, opts); if (opts.groupSeparator !== "") { if (opts.definitions[opts.groupSeparator] === undefined) { //update separatot definition opts.definitions[opts.groupSeparator] = {}; opts.definitions[opts.groupSeparator].validator = "[" + opts.groupSeparator + "]"; opts.definitions[opts.groupSeparator].placeholder = opts.groupSeparator; opts.definitions[opts.groupSeparator].static = true; opts.definitions[opts.groupSeparator].generated = true; //forced marker as generated input } mask += opts._mask(opts); } else { mask += "9{+}"; } if (opts.digits !== undefined && opts.digits !== 0) { var dq = opts.digits.toString().split(","); if (isFinite(dq[0]) && dq[1] && isFinite(dq[1])) { mask += radixPointDef + decimalDef + "{" + opts.digits + "}"; } else if (isNaN(opts.digits) || parseInt(opts.digits) > 0) { if (opts.digitsOptional || opts.jitMasking) { altMask = mask + radixPointDef + decimalDef + "{0," + opts.digits + "}"; // mask += "[" + opts.radixPoint + "]"; opts.keepStatic = true; } else { mask += radixPointDef + decimalDef + "{" + opts.digits + "}"; } } } else { opts.inputmode = "numeric"; } mask += autoEscape(opts.suffix, opts); mask += "[-]"; if (altMask) { mask = [(altMask + autoEscape(opts.suffix, opts) + "[-]"), mask]; } opts.greedy = false; //enforce greedy false parseMinMaxOptions(opts); if (opts.radixPoint !== "") opts.substitutes[opts.radixPoint == "." ? "," : "."] = opts.radixPoint; // console.log(mask); return mask; } function hanndleRadixDance(pos, c, radixPos, maskset, opts) { if (opts._radixDance && opts.numericInput && c !== opts.negationSymbol.back) { if (pos <= radixPos && (radixPos > 0 || c == opts.radixPoint) && (maskset.validPositions[pos - 1] === undefined || maskset.validPositions[pos - 1].input !== opts.negationSymbol.back)) { pos -= 1; } } return pos; } function decimalValidator(chrs, maskset, pos, strict, opts) { var radixPos = maskset.buffer ? maskset.buffer.indexOf(opts.radixPoint) : -1, result = (radixPos !== -1 || (strict && opts.jitMasking)) && new RegExp(opts.definitions["9"].validator).test(chrs); if (opts._radixDance && radixPos !== -1 && result && maskset.validPositions[radixPos] == undefined) { return { insert: { pos: radixPos === pos ? radixPos + 1 : radixPos, c: opts.radixPoint }, pos: pos }; } return result; } function checkForLeadingZeroes(buffer, opts) { //check leading zeros var numberMatches = new RegExp("(^" + (opts.negationSymbol.front !== "" ? escapeRegex(opts.negationSymbol.front) + "?" : "") + escapeRegex(opts.prefix) + ")(.*)(" + escapeRegex(opts.suffix) + (opts.negationSymbol.back != "" ? escapeRegex(opts.negationSymbol.back) + "?" : "") + "$)").exec(buffer.slice().reverse().join("")), number = numberMatches ? numberMatches[2] : "", leadingzeroes = false; if (number) { number = number.split(opts.radixPoint.charAt(0))[0]; leadingzeroes = new RegExp("^[0" + opts.groupSeparator + "]*").exec(number); } return leadingzeroes && (leadingzeroes[0].length > 1 || leadingzeroes[0].length > 0 && leadingzeroes[0].length < number.length) ? leadingzeroes : false; } //number aliases Inputmask.extendAliases({ "numeric": { mask: genMask, _mask: function (opts) { return "(" + opts.groupSeparator + "999){+|1}"; }, digits: "*", //number of fractionalDigits digitsOptional: true, enforceDigitsOnBlur: false, radixPoint: ".", positionCaretOnClick: "radixFocus", _radixDance: true, groupSeparator: "", allowMinus: true, negationSymbol: { front: "-", //"(" back: "" //")" }, prefix: "", suffix: "", min: null, //minimum value max: null, //maximum value SetMaxOnOverflow: false, step: 1, inputType: "text", //number ~ specify that values which are set are in textform (radix point is same as in the options) or in numberform (radixpoint = .) unmaskAsNumber: false, roundingFN: Math.round, //Math.floor , fn(x) inputmode: "decimal", shortcuts: {k: "1000", m: "1000000"}, //global options placeholder: "0", greedy: false, rightAlign: true, insertMode: true, autoUnmask: false, skipOptionalPartCharacter: "", usePrototypeDefinitions: false, stripLeadingZeroes: true, definitions: { "0": { validator: decimalValidator }, "1": { validator: decimalValidator, definitionSymbol: "9" }, "9": { //\uFF11-\uFF19 #1606 validator: "[0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]", definitionSymbol: "*" }, "+": { validator: function (chrs, maskset, pos, strict, opts) { return (opts.allowMinus && (chrs === "-" || chrs === opts.negationSymbol.front)); } }, "-": { validator: function (chrs, maskset, pos, strict, opts) { return (opts.allowMinus && chrs === opts.negationSymbol.back); } } }, preValidation: function (buffer, pos, c, isSelection, opts, maskset, caretPos, strict) { const inputmask = this; if (opts.__financeInput !== false && c === opts.radixPoint) return false; var radixPos = buffer.indexOf(opts.radixPoint), initPos = pos; pos = hanndleRadixDance(pos, c, radixPos, maskset, opts); if (c === "-" || c === opts.negationSymbol.front) { if (opts.allowMinus !== true) return false; var isNegative = false, front = findValid("+", maskset), back = findValid("-", maskset); if (front !== -1) { isNegative = [front, back]; } return isNegative !== false ? { remove: isNegative, caret: initPos - opts.negationSymbol.back.length } : { insert: [ { pos: findValidator.call(inputmask, "+", maskset), c: opts.negationSymbol.front, fromIsValid: true }, { pos: findValidator.call(inputmask, "-", maskset), c: opts.negationSymbol.back, fromIsValid: undefined }], caret: initPos + opts.negationSymbol.back.length }; } if (c === opts.groupSeparator) { return {caret: initPos}; } if (strict) return true; if (radixPos !== -1 && (opts._radixDance === true && isSelection === false && c === opts.radixPoint && (opts.digits !== undefined && (isNaN(opts.digits) || parseInt(opts.digits) > 0)) && radixPos !== pos)) { return { "caret": opts._radixDance && pos === radixPos - 1 ? radixPos + 1 : radixPos }; } if (opts.__financeInput === false) { if (isSelection) { if (opts.digitsOptional) { return {rewritePosition: caretPos.end}; } else if (!opts.digitsOptional) { if (caretPos.begin > radixPos && caretPos.end <= radixPos) { if (c === opts.radixPoint) { return { insert: {pos: radixPos + 1, c: "0", fromIsValid: true}, rewritePosition: radixPos }; } else { return {rewritePosition: radixPos + 1}; } } else if (caretPos.begin < radixPos) { return {rewritePosition: caretPos.begin - 1}; } } } else if (!opts.showMaskOnHover && !opts.showMaskOnFocus && !opts.digitsOptional && opts.digits > 0 && this.__valueGet.call(this.el) === "") { return {rewritePosition: radixPos}; } } return {rewritePosition: pos}; }, postValidation: function (buffer, pos, c, currentResult, opts, maskset, strict) { if (currentResult === false) return currentResult; if (strict) return true; if (opts.min !== null || opts.max !== null) { var unmasked = opts.onUnMask(buffer.slice().reverse().join(""), undefined, $.extend({}, opts, { unmaskAsNumber: true })); if (opts.min !== null && unmasked < opts.min && (unmasked.toString().length > opts.min.toString().length || unmasked < 0)) { return false; // return { // refreshFromBuffer: true, // buffer: alignDigits(opts.min.toString().replace(".", opts.radixPoint).split(""), opts.digits, opts).reverse() // }; } if (opts.max !== null && unmasked > opts.max) { return opts.SetMaxOnOverflow ? { refreshFromBuffer: true, buffer: alignDigits(opts.max.toString().replace(".", opts.radixPoint).split(""), opts.digits, opts).reverse() } : false; } } return currentResult; }, onUnMask: function (maskedValue, unmaskedValue, opts) { if (unmaskedValue === "" && opts.nullable === true) { return unmaskedValue; } var processValue = maskedValue.replace(opts.prefix, ""); processValue = processValue.replace(opts.suffix, ""); processValue = processValue.replace(new RegExp(escapeRegex(opts.groupSeparator), "g"), ""); if (opts.placeholder.charAt(0) !== "") { processValue = processValue.replace(new RegExp(opts.placeholder.charAt(0), "g"), "0"); } if (opts.unmaskAsNumber) { if (opts.radixPoint !== "" && processValue.indexOf(opts.radixPoint) !== -1) processValue = processValue.replace(escapeRegex.call(this, opts.radixPoint), "."); processValue = processValue.replace(new RegExp("^" + escapeRegex(opts.negationSymbol.front)), "-"); processValue = processValue.replace(new RegExp(escapeRegex(opts.negationSymbol.back) + "$"), ""); return Number(processValue); } return processValue; } , isComplete: function (buffer, opts) { var maskedValue = (opts.numericInput ? buffer.slice().reverse() : buffer).join(""); maskedValue = maskedValue.replace(new RegExp("^" + escapeRegex(opts.negationSymbol.front)), "-"); maskedValue = maskedValue.replace(new RegExp(escapeRegex(opts.negationSymbol.back) + "$"), ""); maskedValue = maskedValue.replace(opts.prefix, ""); maskedValue = maskedValue.replace(opts.suffix, ""); maskedValue = maskedValue.replace(new RegExp(escapeRegex(opts.groupSeparator) + "([0-9]{3})", "g"), "$1"); if (opts.radixPoint === ",") maskedValue = maskedValue.replace(escapeRegex(opts.radixPoint), "."); return isFinite(maskedValue); }, onBeforeMask: function (initialValue, opts) { var radixPoint = opts.radixPoint || ","; if (isFinite(opts.digits)) opts.digits = parseInt(opts.digits); if ((typeof initialValue == "number" || opts.inputType === "number") && radixPoint !== "") { initialValue = initialValue.toString().replace(".", radixPoint); } var isNagtive = initialValue.charAt(0) === "-" || initialValue.charAt(0) === opts.negationSymbol.front; var valueParts = initialValue.split(radixPoint), integerPart = valueParts[0].replace(/[^\-0-9]/g, ""), decimalPart = valueParts.length > 1 ? valueParts[1].replace(/[^0-9]/g, "") : "", forceDigits = valueParts.length > 1; initialValue = integerPart + (decimalPart !== "" ? radixPoint + decimalPart : decimalPart); var digits = 0; if (radixPoint !== "") { digits = !opts.digitsOptional ? opts.digits : (opts.digits < decimalPart.length ? opts.digits : decimalPart.length); if (decimalPart !== "" || !opts.digitsOptional) { var digitsFactor = Math.pow(10, digits || 1); //make the initialValue a valid javascript number for the parsefloat initialValue = initialValue.replace(escapeRegex(radixPoint), "."); if (!isNaN(parseFloat(initialValue))) { initialValue = (opts.roundingFN(parseFloat(initialValue) * digitsFactor) / digitsFactor).toFixed(digits); } initialValue = initialValue.toString().replace(".", radixPoint); } } //this needs to be in a separate part and not directly in decimalPart to allow rounding if (opts.digits === 0 && initialValue.indexOf(radixPoint) !== -1) { initialValue = initialValue.substring(0, initialValue.indexOf(radixPoint)); } if (opts.min !== null || opts.max !== null) { var numberValue = initialValue.toString().replace(radixPoint, "."); if (opts.min !== null && numberValue < opts.min) { initialValue = opts.min.toString().replace(".", radixPoint); } else if (opts.max !== null && numberValue > opts.max) { initialValue = opts.max.toString().replace(".", radixPoint); } } if (isNagtive && initialValue.charAt(0) !== "-") { initialValue = "-" + initialValue; } return alignDigits(initialValue.toString().split(""), digits, opts, forceDigits).join(""); } , onBeforeWrite: function (e, buffer, caretPos, opts) { function stripBuffer(buffer, stripRadix) { if (opts.__financeInput !== false || stripRadix) { var position = buffer.indexOf(opts.radixPoint); if (position !== -1) { buffer.splice(position, 1); } } if (opts.groupSeparator !== "") { while ((position = buffer.indexOf(opts.groupSeparator)) !== -1) { buffer.splice(position, 1); } } return buffer; } let result, leadingzeroes; if (opts.stripLeadingZeroes && (leadingzeroes = checkForLeadingZeroes(buffer, opts))) { const caretNdx = buffer.join("").lastIndexOf(leadingzeroes[0].split("").reverse().join("")) - (leadingzeroes[0] == leadingzeroes.input ? 0 : 1), offset = (leadingzeroes[0] == leadingzeroes.input ? 1 : 0); for (let i = leadingzeroes[0].length - offset; i > 0; i--) { delete this.maskset.validPositions[caretNdx + i]; delete buffer[caretNdx + i]; } } if (e) { switch (e.type) { case "blur": case "checkval": if (opts.min !== null) { var unmasked = opts.onUnMask(buffer.slice().reverse().join(""), undefined, $.extend({}, opts, { unmaskAsNumber: true })); if (opts.min !== null && unmasked < opts.min) { return { refreshFromBuffer: true, buffer: alignDigits(opts.min.toString().replace(".", opts.radixPoint).split(""), opts.digits, opts).reverse() }; } } if (buffer[buffer.length - 1] === opts.negationSymbol.front) { //strip negation symbol on blur when value is 0 var nmbrMtchs = new RegExp("(^" + (opts.negationSymbol.front != "" ? escapeRegex(opts.negationSymbol.front) + "?" : "") + escapeRegex(opts.prefix) + ")(.*)(" + escapeRegex(opts.suffix) + (opts.negationSymbol.back != "" ? escapeRegex(opts.negationSymbol.back) + "?" : "") + "$)").exec(stripBuffer(buffer.slice(), true).reverse().join("")), number = nmbrMtchs ? nmbrMtchs[2] : ""; if (number == 0) { result = {refreshFromBuffer: true, buffer: [0]}; } } else if (opts.radixPoint !== "") { //strip radixpoint on blur when it is the latest char var radixNDX = buffer.indexOf(opts.radixPoint); if (radixNDX === opts.suffix.length) { if (result && result.buffer) { result.buffer.splice(0, 1 + opts.suffix.length); } else { buffer.splice(0, 1 + opts.suffix.length); result = {refreshFromBuffer: true, buffer: stripBuffer(buffer)}; } } } if (opts.enforceDigitsOnBlur) { result = result || {}; var bffr = (result && result.buffer) || buffer.slice().reverse(); result.refreshFromBuffer = true; result.buffer = alignDigits(bffr, opts.digits, opts, true).reverse(); } } } return result; }, onKeyDown: function (e, buffer, caretPos, opts) { var $input = $(this), bffr; var pattern, c = String.fromCharCode(e.keyCode).toLowerCase(); if ((pattern = (opts.shortcuts && opts.shortcuts[c]))) { if (pattern.length > 1) { this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) * parseInt(pattern)); $input.trigger("setvalue"); return false; } } if (e.ctrlKey) { switch (e.keyCode) { case keyCode.UP: this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) + parseInt(opts.step)); $input.trigger("setvalue"); return false; case keyCode.DOWN: this.inputmask.__valueSet.call(this, parseFloat(this.inputmask.unmaskedvalue()) - parseInt(opts.step)); $input.trigger("setvalue"); return false; } } if (!e.shiftKey && (e.keyCode === keyCode.DELETE || e.keyCode === keyCode.BACKSPACE || e.keyCode === keyCode.BACKSPACE_SAFARI) && caretPos.begin !== buffer.length) { if (buffer[e.keyCode === keyCode.DELETE ? caretPos.begin - 1 : caretPos.end] === opts.negationSymbol.front) { bffr = buffer.slice().reverse(); if (opts.negationSymbol.front !== "") bffr.shift(); if (opts.negationSymbol.back !== "") bffr.pop(); $input.trigger("setvalue", [bffr.join(""), caretPos.begin]); return false; } else if (opts._radixDance === true) { var radixPos = buffer.indexOf(opts.radixPoint); if (!opts.digitsOptional) { if (radixPos !== -1 && (caretPos.begin < radixPos || caretPos.end < radixPos || (e.keyCode === keyCode.DELETE && caretPos.begin === radixPos))) { if (caretPos.begin === caretPos.end && (e.keyCode === keyCode.BACKSPACE || e.keyCode === keyCode.BACKSPACE_SAFARI)) { //only adjust when not a selection caretPos.begin++; } bffr = buffer.slice().reverse(); bffr.splice(bffr.length - caretPos.begin, caretPos.begin - caretPos.end + 1); // console.log(caretPos); bffr = alignDigits(bffr, opts.digits, opts).join(""); $input.trigger("setvalue", [bffr, caretPos.begin >= bffr.length ? radixPos + 1 : caretPos.begin]); return false; } } else if (radixPos === 0) { bffr = buffer.slice().reverse(); bffr.pop(); $input.trigger("setvalue", [bffr.join(""), caretPos.begin >= bffr.length ? bffr.length : caretPos.begin]); return false; } } } } }, "currency": { prefix: "", //"$ ", groupSeparator: ",", alias: "numeric", digits: 2, digitsOptional: false }, "decimal": { alias: "numeric" }, "integer": { alias: "numeric", inputmode: "numeric", digits: 0 }, "percentage": { alias: "numeric", min: 0, max: 100, suffix: " %", digits: 0, allowMinus: false }, "indianns": { //indian numbering system alias: "numeric", _mask: function (opts) { return "(" + opts.groupSeparator + "99){*|1}(" + opts.groupSeparator + "999){1|1}"; }, groupSeparator: ",", radixPoint: ".", placeholder: "0", digits: 2, digitsOptional: false } });