1 files changed, 26 insertions, 0 deletions
diff --git a/public/assets/js/_dependency-control/forms/textarea.js b/public/assets/js/_dependency-control/forms/textarea.js
new file mode 100644
index 0000000..493c78f
--- /dev/null
+++ b/public/assets/js/_dependency-control/forms/textarea.js
@@ -0,0 +1,26 @@
+$$plugins.define('textarea', function (element, options) {
+	const textarea = element.querySelector('textarea');
+
+    //style focus
+    textarea.addEventListener('focus', (event) => {
+        textarea.closest(".textarea").classList.add("focus");
+    });
+
+    textarea.addEventListener('blur', (event) => {
+        textarea.closest(".textarea").classList.remove("focus");
+    });
+
+    //characters count
+    textarea.addEventListener("input", event => {
+        const target = event.currentTarget;
+        const maxLength = target.getAttribute("maxlength");
+        const currentLength = target.value.length;
+        const currentLengthText = document.getElementsByClassName("textarea__remaining")[0];
+
+        currentLengthText.innerHTML = currentLength;
+
+        if (currentLength >= maxLength) {
+            return;
+        }
+    });
+});