add the 'clear' method.

README.md

@@ -53,7 +53,7 @@ You can install OTP-designer-jquery via npm:
 You can also include OTP-designer-jquery directly from a CDN by adding the following script tag to your HTML file:
 
 ```HTML
-    <script src="https://cdn.jsdelivr.net/gh/HichemTab-tech/OTP-designer-jquery@2.0.2/dist/otpdesigner.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/gh/HichemTab-tech/OTP-designer-jquery@2.1.0/dist/otpdesigner.min.js"></script>
 ```
 
 ### Local Download
@@ -253,6 +253,7 @@ The OTP Designer jQuery Plugin provides the following method:
 | **`code`**   | String   | The entered OTP code.                                   |
 
 - **`set`**: Set a value to the current OTP code.
+- **`clear`**: Clear the value of the current OTP code.
 - **`focus`**: Request a focus on the OTP code input.
 - **`hiddenInput`**: Return the hidden input element which stores the OTP code value.
 

dist/otpdesigner.js

@@ -1,5 +1,5 @@
 /*!
- * OTP-designer-jquery v2.0.2
+ * OTP-designer-jquery v2.1.0
  * (c) HichemTech
  * Released under the MIT License.
  * Github: github.com/HichemTab-tech/OTP-designer-jquery
@@ -576,6 +576,12 @@ const otpdesigner = function (options = {}, ...args) {
             }
             return results;
         },
+        clear: function (results, data) {
+            for (let i = data.settings.length - 1; i >= 0; i--) {
+                $('#'+optInputId + (i) + "_" + data.idSuffix).trigger('otp-written', ["Backspace"]);
+            }
+            return results;
+        },
         focus: function (results, data) {
             $('#'+optInputId + (data.settings.length - 1) + "_" + data.idSuffix).otpdesigner__toggleFocus__(true);
             return results;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "otp-designer-jquery",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "OTP-designer-jquery: Create custom OTP code inputs effortlessly! This jQuery plugin enables designers and developers to design visually appealing, secure OTP code input fields. Enjoy seamless integration and built-in validation events, ensuring a delightful user experience. Simplify OTP input implementation with ease.",
   "keywords": [
     "jquery",

src/otpdesigner.js

@@ -26,6 +26,12 @@ export const otpdesigner = function (options = {}, ...args) {
             }
             return results;
         },
+        clear: function (results, data) {
+            for (let i = data.settings.length - 1; i >= 0; i--) {
+                $('#'+optInputId + (i) + "_" + data.idSuffix).trigger('otp-written', ["Backspace"]);
+            }
+            return results;
+        },
         focus: function (results, data) {
             $('#'+optInputId + (data.settings.length - 1) + "_" + data.idSuffix).otpdesigner__toggleFocus__(true);
             return results;

webpack.config.js

@@ -7,7 +7,7 @@ const webpack = require("webpack");
 // noinspection JSUnresolvedReference
 let bannerPlugin = new webpack.BannerPlugin({
     banner: `/*!
- * OTP-designer-jquery v2.0.2
+ * OTP-designer-jquery v2.1.0
  * (c) HichemTech
  * Released under the MIT License.
  * Github: github.com/HichemTab-tech/OTP-designer-jquery