v1.3.0

erwinheldy · May 23, 2021 · 6fa2863 · 6fa2863
1 parent 46e3f70
commit 6fa2863
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 30 deletions.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Erwin Heldy G
+Copyright (c) 2021 Erwin Heldy G
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,12 +1,12 @@
 # Tagin
-Simple tag input for Bootstrap 4
+Simple tag input for Bootstrap. Support bootstrap v4 and v5.
 
 Demo: [https://tagin.netlify.app/](https://tagin.netlify.app/)
 
 #### Features
 * Custom separator
 * Enable / disable duplicates
-* Custom transfrom
+* Custom transform
 * Fast
 * Small
 * No depedencies
diff --git a/dist/css/tagin.css b/dist/css/tagin.css
diff --git a/dist/css/tagin.css.map b/dist/css/tagin.css.map
diff --git a/dist/css/tagin.min.css b/dist/css/tagin.min.css
diff --git a/dist/index.html b/dist/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <link rel="stylesheet" href="https://unpkg.com/bootstrap@4.5.3/dist/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://unpkg.com/bootstrap@5.0.1/dist/css/bootstrap.min.css">
   <link rel="stylesheet" href="css/tagin.min.css">
   <title>Tagin</title>
 </head>

diff --git a/dist/js/tagin.js b/dist/js/tagin.js
@@ -78,15 +78,17 @@ function tagin(el, option = {}) {
     fakeEl.remove()
   }
   function addTag(force = false) {
-    const value = transform(input.value.replace(new RegExp(escapeRegex(separator), 'g'), '').trim())
+    const value = transform(input.value.trim())
     if (value === '') { input.value = '' }
     if (input.value.includes(separator) || (force && input.value != '')) {
-      if (getTags().includes(value) && duplicate === 'false') {
-        alertExist(value)
-      } else {
-        input.insertAdjacentHTML('beforebegin', templateTag(value))
-        updateValue()
-      }
+      value.split(separator).filter(i => i != '').forEach(val => {
+        if (getTags().includes(val) && duplicate === 'false') {
+          alertExist(val)
+        } else {
+          input.insertAdjacentHTML('beforebegin', templateTag(val))
+          updateValue()
+        }
+      })
       input.value = ''
       input.removeAttribute('style')
     }

diff --git a/dist/js/tagin.min.js b/dist/js/tagin.min.js
diff --git a/js/tagin.js b/js/tagin.js
@@ -78,15 +78,17 @@ function tagin(el, option = {}) {
     fakeEl.remove()
   }
   function addTag(force = false) {
-    const value = transform(input.value.replace(new RegExp(escapeRegex(separator), 'g'), '').trim())
+    const value = transform(input.value.trim())
     if (value === '') { input.value = '' }
     if (input.value.includes(separator) || (force && input.value != '')) {
-      if (getTags().includes(value) && duplicate === 'false') {
-        alertExist(value)
-      } else {
-        input.insertAdjacentHTML('beforebegin', templateTag(value))
-        updateValue()
-      }
+      value.split(separator).filter(i => i != '').forEach(val => {
+        if (getTags().includes(val) && duplicate === 'false') {
+          alertExist(val)
+        } else {
+          input.insertAdjacentHTML('beforebegin', templateTag(val))
+          updateValue()
+        }
+      })
       input.value = ''
       input.removeAttribute('style')
     }

diff --git a/package.json b/package.json
@@ -1,19 +1,26 @@
 {
   "name": "tagin",
-  "version": "1.2.0",
+  "version": "1.3.0",
+  "description": "Simple tag input for Bootstrap",
+  "keywords": [
+    "tag",
+    "bootstrap",
+    "bootstrap tag",
+    "tag input"
+  ],
   "main": "index.js",
   "repository": "https://github.com/erwinheldy/tagin.git",
   "author": "Erwin Heldy G <[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "bootstrap": "4.5.3"
+    "bootstrap": "5.0.1"
   },
   "devDependencies": {
     "gulp": "4.0.2",
     "gulp-autoprefixer": "7.0.1",
     "gulp-clean-css": "4.3.0",
     "gulp-rename": "2.0.0",
     "gulp-sass": "4.1.0",
-    "gulp-terser": "1.4.1"
+    "gulp-terser": "2.0.1"
   }
 }
diff --git a/scss/tagin.scss b/scss/tagin.scss
@@ -19,7 +19,7 @@
     border-color: $input-focus-border-color;
     outline: 0;
     @if $enable-shadows {
-      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+      @include box-shadow($input-box-shadow, $input-focus-box-shadow);
     } @else {
       box-shadow: $input-focus-box-shadow;
     }