bootstrap-input-spinner 3.1.13 → 3.2.0

package/README.md

@@ -12,7 +12,7 @@ A Bootstrap / jQuery plugin to create input spinner elements for number input.
 > npm package versions 3.x are Bootstrap 5 compatible, versions 2.x Bootstrap 4 compatible.
 
 - **[Current, Bootstrap 5 compatible npm package](https://www.npmjs.com/package/bootstrap-input-spinner)**
-- **[Boostrap 4 compatible npm package](https://www.npmjs.com/package/bootstrap-input-spinner/v/2.1.2)**
+- **[Bootstrap 4 compatible npm package](https://www.npmjs.com/package/bootstrap-input-spinner/v/2.1.2)**
 
 ## Features
 
@@ -282,7 +282,7 @@ Violà! :)
 
 ## Browser support
 
-The spinner works in all modern browsers and in the Internet Explorer. Not tested with IE < 11.
+The spinner works in all modern browsers and Internet Explorer. Not tested with IE < 11.
 
 For older browsers (IE 9 or so), that doesn't support `Intl`, when you get an error message like
 **"Intl is not defined"** (See [issue #34](https://github.com/shaack/bootstrap-input-spinner/issues/34)), just use a
@@ -296,6 +296,3 @@ shim or polyfill like [Intl.js](https://github.com/andyearnshaw/Intl.js), and it
 - [bootstrap-detect-breakpoint](https://www.npmjs.com/package/bootstrap-detect-breakpoint) – Read the curr. BS BP from JS
 - [auto-resize-textarea](https://shaack.com/projekte/auto-resize-textarea/) – Auto resize textareas by its content
 - [external-links-blank](https://www.npmjs.com/package/external-links-blank) – Open all external links `_blank`
-
-
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-input-spinner",
-  "version": "3.1.13",
+  "version": "3.2.0",
   "description": "A Bootstrap 5 / jQuery plugin to create input spinner elements for number input.",
   "browser": "./src/bootstrap-input-spinner.js",
   "scripts": {

package/src/bootstrap-input-spinner.js

@@ -8,13 +8,13 @@
     "use strict"
 
     // the default editor for parsing and rendering
-    var I18nEditor = function (props, element) {
-        var locale = props.locale || "en-US"
+    const I18nEditor = function (props, element) {
+        const locale = props.locale || "en-US"
 
         this.parse = function (customFormat) {
-            var numberFormat = new Intl.NumberFormat(locale)
-            var thousandSeparator = numberFormat.format(11111).replace(/1/g, '') || '.'
-            var decimalSeparator = numberFormat.format(1.1).replace(/1/g, '')
+            const numberFormat = new Intl.NumberFormat(locale)
+            const thousandSeparator = numberFormat.format(11111).replace(/1/g, '') || '.'
+            const decimalSeparator = numberFormat.format(1.1).replace(/1/g, '')
             return parseFloat(customFormat
                 .replace(new RegExp(' ', 'g'), '')
                 .replace(new RegExp('\\' + thousandSeparator, 'g'), '')
@@ -23,9 +23,9 @@
         }
 
         this.render = function (number) {
-            var decimals = parseInt(element.getAttribute("data-decimals")) || 0
-            var digitGrouping = !(element.getAttribute("data-digit-grouping") === "false")
-            var numberFormat = new Intl.NumberFormat(locale, {
+            const decimals = parseInt(element.getAttribute("data-decimals")) || 0
+            const digitGrouping = !(element.getAttribute("data-digit-grouping") === "false")
+            const numberFormat = new Intl.NumberFormat(locale, {
                 minimumFractionDigits: decimals,
                 maximumFractionDigits: decimals,
                 useGrouping: digitGrouping
@@ -34,13 +34,13 @@
         }
     }
 
-    var triggerKeyPressed = false
-    var originalVal = $.fn.val
+    let triggerKeyPressed = false
+    const originalVal = $.fn.val
     $.fn.val = function (value) {
         if (arguments.length >= 1) {
-            for (var i = 0; i < this.length; i++) {
+            for (let i = 0; i < this.length; i++) {
                 if (this[i]["bootstrap-input-spinner"] && this[i].setValue) {
-                    var element = this[i];
+                    const element = this[i]
                     setTimeout(function () {
                         element.setValue(value)
                     })
@@ -63,7 +63,7 @@
             return this
         }
 
-        var props = {
+        const props = {
             decrementButton: "<strong>&minus;</strong>", // button text
             incrementButton: "<strong>&plus;</strong>", // ..
             groupClass: "", // css class of the resulting input-group
@@ -84,12 +84,12 @@
                 '</div>'
         }
 
-        for (var option in methodOrProps) {
+        for (let option in methodOrProps) {
             // noinspection JSUnfilteredForInLoop
             props[option] = methodOrProps[option]
         }
 
-        var html = props.template
+        const html = props.template
             .replace(/\${groupClass}/g, props.groupClass)
             .replace(/\${buttonsWidth}/g, props.buttonsWidth)
             .replace(/\${buttonsClass}/g, props.buttonsClass)
@@ -127,17 +127,17 @@
                 updateAttributes()
 
                 var value = parseFloat($original[0].value)
-                var pointerState = false
+                let pointerState = false
 
-                var prefix = $original.attr("data-prefix") || ""
-                var suffix = $original.attr("data-suffix") || ""
+                const prefix = $original.attr("data-prefix") || ""
+                const suffix = $original.attr("data-suffix") || ""
 
                 if (prefix) {
-                    var prefixElement = $('<span class="input-group-text">' + prefix + '</span>')
+                    const prefixElement = $('<span class="input-group-text">' + prefix + '</span>')
                     $inputGroup.find("input").before(prefixElement)
                 }
                 if (suffix) {
-                    var suffixElement = $('<span class="input-group-text">' + suffix + '</span>')
+                    const suffixElement = $('<span class="input-group-text">' + suffix + '</span>')
                     $inputGroup.find("input").after(suffixElement)
                 }
 
@@ -159,8 +159,8 @@
                 setValue(value)
 
                 $input.on("paste input change focusout", function (event) {
-                    var newValue = $input[0].value
-                    var focusOut = event.type === "focusout"
+                    let newValue = $input[0].value
+                    const focusOut = event.type === "focusout"
                     newValue = $original[0].inputSpinnerEditor.parse(newValue)
                     setValue(newValue, focusOut)
                     dispatchEvent($original, event.type)
@@ -249,7 +249,7 @@
             function dispatchEvent($element, type) {
                 if (type) {
                     setTimeout(function () {
-                        var event
+                        let event
                         if (typeof (Event) === 'function') {
                             event = new Event(type, {bubbles: true})
                         } else { // IE
@@ -294,8 +294,8 @@
                 }
                 $input.prop("placeholder", $original.prop("placeholder"))
                 $input.attr("inputmode", $original.attr("inputmode") || "decimal")
-                var disabled = $original.prop("disabled")
-                var readonly = $original.prop("readonly")
+                const disabled = $original.prop("disabled")
+                const readonly = $original.prop("readonly")
                 $input.prop("disabled", disabled)
                 $input.prop("readonly", readonly || props.buttonsOnly)
                 $buttonIncrement.prop("disabled", disabled || readonly)
@@ -303,15 +303,15 @@
                 if (disabled || readonly) {
                     resetTimer()
                 }
-                var originalClass = $original.prop("class")
-                var groupClass = ""
+                const originalClass = $original.prop("class")
+                let groupClass = ""
                 // sizing
                 if (/form-control-sm/g.test(originalClass)) {
                     groupClass = "input-group-sm"
                 } else if (/form-control-lg/g.test(originalClass)) {
                     groupClass = "input-group-lg"
                 }
-                var inputClass = originalClass.replace(/form-control(-(sm|lg))?/g, "")
+                const inputClass = originalClass.replace(/form-control(-(sm|lg))?/g, "")
                 $inputGroup.prop("class", "input-group " + groupClass + " " + props.groupClass)
                 $input.prop("class", "form-control " + inputClass)
 
@@ -325,9 +325,9 @@
                     $inputGroup.removeAttr("hidden")
                 }
                 if ($original.attr("id")) {
-                    $input.attr("id", $original.attr("id") + "_MP_cBdLN29i2")
+                    $input.attr("id", $original.attr("id") + ":input_spinner") // give the spinner a unique id...
                     if ($label[0]) {
-                        $label.attr("for", $input.attr("id"))
+                        $label.attr("for", $input.attr("id")) // ...to rewire the label
                     }
                 }
             }

package/src/custom-editors.js

@@ -3,8 +3,7 @@
  * Repository: https://github.com/shaack/bootstrap-input-spinner
  * License: MIT, see file 'LICENSE'
  */
-
-var customEditors = {
+const customEditors = {
     RawEditor: function (props, element) {
         this.parse = function (customFormat) {
             // parse nothing
@@ -18,14 +17,14 @@ var customEditors = {
     TimeEditor: function (props, element) {
         // could be implemented more elegant maybe, but works
         this.parse = function (customFormat) {
-            var trimmed = customFormat.trim()
-            var sign = 1
+            let trimmed = customFormat.trim()
+            let sign = 1
             if (trimmed.charAt(0) === "-") {
                 sign = -1
                 trimmed = trimmed.replace("-", "")
             }
-            var parts = trimmed.split(":")
-            var hours = 0, minutes
+            const parts = trimmed.split(":")
+            let hours = 0, minutes
             if (parts[1]) {
                 hours = parseInt(parts[0], 10)
                 minutes = parseInt(parts[1], 10)
@@ -35,11 +34,11 @@ var customEditors = {
             return (hours * 60 + minutes) * sign
         }
         this.render = function (number) {
-            var minutes = Math.abs(number % 60)
+            let minutes = Math.abs(number % 60)
             if (minutes < 10) {
                 minutes = "0" + minutes
             }
-            var hours
+            let hours
             if (number >= 0) {
                 hours = Math.floor(number / 60)
                 return hours + ":" + minutes
@@ -49,4 +48,4 @@ var customEditors = {
             }
         }
     }
-}
+}