bootstrap-input-spinner 3.1.5 → 3.1.9

package/README.md

@@ -7,7 +7,7 @@ A Bootstrap / jQuery plugin to create input spinner elements for number input.
 ![bootstrap-input-spinner](https://shaack.com/projekte/assets/img/bootstrap-input-spinner-floatingpoint-and-i18n.png)
 *Examples with floating-point and german localization*
 
-> This version is compatible with Bootstrap 5, but we remain a Bootstrap 4 compatible version with the branch
+> This version is compatible with **Bootstrap 5**, but we remain a Bootstrap 4 compatible version with the branch
 > <a href="https://github.com/shaack/bootstrap-input-spinner/tree/bootstrap4-compatible">bootstrap4-compatible</a>. 
 > npm package versions 3.x are Bootstrap 5 compatible, versions 2.x Bootstrap 4 compatible.
 
@@ -288,10 +288,14 @@ For older browsers (IE 9 or so), that doesn't support `Intl`, when you get an er
 **"Intl is not defined"** (See [issue #34](https://github.com/shaack/bootstrap-input-spinner/issues/34)), just use a
 shim or polyfill like [Intl.js](https://github.com/andyearnshaw/Intl.js), and it works.
 
-# Our further Bootstrap and HTML extensions
+# You may want to check out my further Bootstrap and HTML extensions
+
+- [bootstrap-input-spinner](https://shaack.com/projekte/bootstrap-input-spinner/) – Input numbers
+- [bootstrap-show-modal](https://shaack.com/projekte/bootstrap-show-modal/) – Show dialogs, dynamically
+- [bootstrap-show-notification](https://shaack.com/projekte/bootstrap-show-notification/) – Show notifications, dynamically
+- [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`
+
+
 
-If you like this component, you may want to check out our other Bootstrap and HTML extensions
-[**bootstrap-show-modal**](https://shaack.com/en/open-source-components),
-[**bootstrap-detect-breakpoint**](https://shaack.com/en/open-source-components),
-[**auto-resize-textarea**](https://shaack.com/en/open-source-components) and
-[**external-links-blank**](https://shaack.com/en/open-source-components).

package/index.html

@@ -110,8 +110,9 @@
         read the value from JavaScript
         with <code>val()</code></h3>
     <p>
-        Type in a number to see the difference between <code>change</code> and
-        <code>input</code> events.
+        Type in a number to see the difference between <code>change</code> and <code>input</code> events.
+    </p>
+    <p>
         <input type="number" id="changedInput" value="2500" min="0" max="5000000" data-decimals="2"/>
     </p>
     <p>
@@ -146,11 +147,11 @@ $changedInput.on("change", function (event) {
 })</code></pre>
     <h3>Programmatic changing the value with <code>val()</code></h3>
     <p>
-        Net
+        <label for="inputNet">Net</label>
         <input type="number" id="inputNet" value="100" min="0" max="10000" step="0.01" data-decimals="2"/>
     </p>
     <p>
-        Gross (+19%)
+        <label for="inputGross">Gross (+19%)</label>
         <input type="number" id="inputGross" value="100" min="0" max="11900" step="0.01" data-decimals="2"/>
     </p>
     <script>
@@ -257,13 +258,13 @@ $inputGross.on("input", function (event) {
         <code>form-control-lg</code>, and
         the resulting group gets the class <code>input-group-sm</code> or <code>input-group-lg</code>.</p>
     <p>
-        Small
-        <input class="form-control-sm" type="number" value="0.0" data-decimals="4" min="-1" max="1" step="0.0001"/>
+        <label for="inputSmall">Small</label>
+        <input id="inputSmall" class="form-control-sm" type="number" value="0.0" data-decimals="4" min="-1" max="1" step="0.0001"/>
     </p>
     <pre><code class="language-html">&lt;input class="form-control-sm" type="number" value="0.0" data-decimals="4" min="-1" max="1" step="0.0001"/></code></pre>
     <p>
-        Large
-        <input class="form-control-lg" type="number" value="1000000" data-decimals="0" min="0" max="2000000" step="1"/>
+        <label for="inputLarge">Large</label>
+        <input id="inputLarge" class="form-control-lg" type="number" value="1000000" data-decimals="0" min="0" max="2000000" step="1"/>
     </p>
     <pre><code class="language-html">&lt;input class="form-control-lg" type="number" value="1000000" data-decimals="0" min="0" max="2000000" step="1"/></code></pre>
 
@@ -344,13 +345,13 @@ $dataDecimalsInput.on("change", function (event) {
 
     <h3>Prefix and Suffix</h3>
     <p>
-        Prefix
-        <input data-prefix="$" value="100.0" data-decimals="2" min="0" max="1000" step="0.1" type="number"/>
+        <label for="inputPrefix">Prefix</label>
+        <input id="inputPrefix" data-prefix="$" value="100.0" data-decimals="2" min="0" max="1000" step="0.1" type="number"/>
     </p>
     <pre><code class="language-html">&lt;input data-prefix="$" value="100.0" data-decimals="2" min="0" max="1000" step="0.1" type="number" /></code></pre>
     <p>
-        Suffix
-        <input data-suffix="°C" value="50" min="0" max="100" type="number"/>
+        <label for="inputSuffix">Suffix</label>
+        <input id="inputSuffix" data-suffix="°C" value="50" min="0" max="100" type="number"/>
     </p>
     <pre><code
             class="language-html">&lt;input data-suffix="°C" value="50" min="0" max="100" type="number" /></code></pre>
@@ -476,7 +477,7 @@ $inputLoop.on("input", function(event) {
     </script>
 
     <div class="card my-5 border-info">
-        <a href="https://shaack.com/en/open-source-components">
+        <a href="https://shaack.com/works">
             <div class="card-body">
                 <h4 class="mb-2 mt-0">More Bootstrap components (from shaack.com)</h4>
                 You may want to check out our further Bootstrap extensions,
@@ -495,4 +496,4 @@ $inputLoop.on("input", function(event) {
     $(".buttons-only").inputSpinner({buttonsOnly: true, autoInterval: undefined })
 </script>
 </body>
-</html>
+</html>

package/package.json

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