Version 1.4.0 Released.

Fixed: The dispatcher issue on the input change event has been fixed: ([#11](#11))

Fixed: The current text selection issue has been fixed: ([#19](#19))

Added: The `max` and `maxlength` attribute controls have been added: ([#17](#17))

Added: The `options` parameter has been added to the `Run()` function to set the initialize options. => `KioskBoard.Run(selector, options);`

Changed: The `selector` parameter has been changed to `selectorOrElement` that also can use an element instead of the query selector. => `KioskBoard.Run(selectorOrElement);`

Changed: The `Merge()` function has been deprecated.

Changed: Code Review.

Author: furcan

CHANGELOG.md

@@ -1,3 +1,14 @@
+@1.4.0
+* **Fixed:** The dispatcher issue on the input change event has been fixed: ([#11](https://github.com/furcan/KioskBoard/issues/11))
+* **Fixed:** The current text selection issue has been fixed: ([#19](https://github.com/furcan/KioskBoard/issues/19))
+* **Added:** The `max` and `maxlength` attribute controls have been added: ([#17](https://github.com/furcan/KioskBoard/issues/17))
+* **Added:** The `options` parameter has been added to the `Run()` function to set the initialize options. => `KioskBoard.Run(selector, options);`
+* **Changed:** The `selector` parameter has been changed to `selectorOrElement` that also can use an element instead of the query selector. => `KioskBoard.Run(selectorOrElement);`
+* **Changed:** The `Merge()` function has been deprecated.
+* **Changed:** Code Review.
+
+-----
+
 @1.3.3
 * **Fixed:** `AllowMobileKeyboard` option was not working properly on iOS devices. ([#7](https://github.com/furcan/KioskBoard/issues/7))
 

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 KioskBoard - Virtual Keyboard
+Copyright (c) 2020 - 2021 KioskBoard: Virtual Keyboard
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

README.md

@@ -19,7 +19,7 @@ A pure JavaScript library for using the Virtual Keyboard.
 ---------
 
 ### Current Version
-1.3.3 [*](https://github.com/furcan/KioskBoard/blob/master/CHANGELOG.md)
+1.4.0 [*](https://github.com/furcan/KioskBoard/blob/master/CHANGELOG.md)
 
 ---------
 
@@ -56,15 +56,15 @@ import KioskBoard from "kioskboard";
 ##### CSS and JS
 
 ```html
-<link rel="stylesheet" href="dist/kioskboard-1.3.3.min.css" />
+<link rel="stylesheet" href="dist/kioskboard-1.4.0.min.css" />
 
-<script src="dist/kioskboard-1.3.3.min.js"></script>
+<script src="dist/kioskboard-1.4.0.min.js"></script>
 ```
 
 ##### Or only JS (All in One - Internal CSS)
 
 ```html
-<script src="dist/kioskboard-aio-1.3.3.min.js"></script>
+<script src="dist/kioskboard-aio-1.4.0.min.js"></script>
 ```
 
 ---------
@@ -96,7 +96,8 @@ KioskBoard Virtual Keyboard can be used with the `input` or `textarea` elements.
 
 ---------
 
-##### JS => (Initialize & Run)
+##### JS => (Step1: Initialize)
+
 ```js
 // Initialize KioskBoard (default/all options)
 
@@ -171,24 +172,38 @@ KioskBoard.Init({
   // Scrolls the document to the top of the input/textarea element. The default value is "true" as before. Prevented when "false"
   autoScroll: true,
 });
+```
+
+##### JS => (Step2: Run)
 
+```js
+// Select the input or the textarea element(s) to run the KioskBoard
 
-// Run KioskBoard
-// Select any input or textarea element(s) to run KioskBoard
 KioskBoard.Run('.virtual-keyboard');
 ```
+##### OR
+
+##### JS => (Run with Init - v1.4.0 and the next versions)
+
+```js
+// Select the input or the textarea element(s) to run the KioskBoard
+
+KioskBoard.Run('.virtual-keyboard', {
+   // ...init options
+});
+```
 
 ---------
 
 ### Merge
-`KioskBoard.Merge({});` function can be used to extend the Initialize function via using a specific action or event.
+`KioskBoard.Merge({});` function has been deprecated. (v1.4.0 and the next versions)
 
 ```js
 // The Merge function extends the initialize function for a specific action or event.
-KioskBoard.Merge({
-  theme: 'dark',
-});
 
+// KioskBoard.Merge({
+  // theme: 'dark',
+// });
 ```
 
 ---------

dist/kioskboard-1.3.3.min.js

@@ -2,7 +2,7 @@
 * KioskBoard - Virtual Keyboard ('https://github.com/furcan/KioskBoard')
 * Version: 1.0.0
 * Author: Furkan MT ('https://github.com/furcan')
-* Copyright 2020 KioskBoard - Virtual Keyboard, MIT Licence ('https://opensource.org/licenses/MIT')*
+* Copyright 2021 KioskBoard - Virtual Keyboard, MIT Licence ('https://opensource.org/licenses/MIT')*
 */
 
 /* Reset on */
@@ -620,8 +620,10 @@ section#KeyboardTypes .keyboard-types .types .demo {
   width: 100%;
 }
 
-section#KeyboardThemes .keyboard-themes .themes .demo .virtual-keyboard-demo,
-section#KeyboardTypes .keyboard-types .types .demo .virtual-keyboard-demo {
+section#KeyboardThemes .keyboard-themes .themes .demo input,
+section#KeyboardThemes .keyboard-themes .themes .demo textarea,
+section#KeyboardTypes .keyboard-types .types .demo input,
+section#KeyboardTypes .keyboard-types .types .demo textarea {
   transition: all 0.2s ease-in-out;
   float: left;
   width: 100%;
@@ -636,18 +638,23 @@ section#KeyboardTypes .keyboard-types .types .demo .virtual-keyboard-demo {
   background: rgba(255, 255, 255, 0.5);
 }
 
-section#KeyboardThemes .keyboard-themes .themes .demo .virtual-keyboard-demo:focus {
+section#KeyboardThemes .keyboard-themes .themes .demo input:focus,
+section#KeyboardThemes .keyboard-themes .themes .demo textarea:focus {
   background: #fff;
 }
 
-section#KeyboardThemes .keyboard-themes .themes .demo .virtual-keyboard-demo::-webkit-input-placeholder,
-section#KeyboardTypes .keyboard-types .types .demo .virtual-keyboard-demo::-webkit-input-placeholder {
+section#KeyboardThemes .keyboard-themes .themes .demo input::-webkit-input-placeholder,
+section#KeyboardThemes .keyboard-themes .themes .demo textarea::-webkit-input-placeholder,
+section#KeyboardTypes .keyboard-types .types .demo input::-webkit-input-placeholder,
+section#KeyboardTypes .keyboard-types .types .demo textarea::-webkit-input-placeholder {
   transition: all 0.2s ease-in-out;
   color: #b8b8b8;
 }
 
-section#KeyboardThemes .keyboard-themes .themes .demo .virtual-keyboard-demo::-moz-placeholder,
-section#KeyboardTypes .keyboard-types .types .demo .virtual-keyboard-demo::-moz-placeholder {
+section#KeyboardThemes .keyboard-themes .themes .demo input::-moz-placeholder,
+section#KeyboardThemes .keyboard-themes .themes .demo textarea::-moz-placeholder,
+section#KeyboardTypes .keyboard-types .types .demo input::-moz-placeholder,
+section#KeyboardTypes .keyboard-types .types .demo textarea::-moz-placeholder {
   transition: all 0.2s ease-in-out;
   color: #b8b8b8;
 }
@@ -686,6 +693,19 @@ footer#Footer a.github i {
 /* Footer off */
 
 /* Code on */
+.code-or {
+  font-size: 15px;
+  line-height: 25px;
+  margin: 0 0 25px;
+  float: left;
+  width: 100%;
+}
+
+.code-deprecated {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
 code {
   text-align: left;
   font-family: "Inconsolata", monospace;
@@ -1006,3 +1026,36 @@ code span.the-button {
   }
 }
 /* Responsive off */
+
+/* Furcan on */
+section#Furcan {
+  width: 100%;
+}
+
+input.furcan {
+  width: 100%;
+  height: 90px;
+  font-size: 1.25rem;
+  font-weight: 600;
+  border: none;
+  padding: 0 20px;
+  border-radius: 0;
+  background: #5decaa;
+  color: #1e1e1e;
+}
+
+input.furcan::placeholder {
+  font-weight: 300;
+  color: rgba(0, 0, 0, 0.2);
+}
+
+input.furcan:-ms-input-placeholder {
+  font-weight: 300;
+  color: rgba(0, 0, 0, 0.2);
+}
+
+input.furcan::-ms-input-placeholder {
+  font-weight: 300;
+  color: rgba(0, 0, 0, 0.2);
+}
+/* Furcan off */