@lenne.tech/ng-base 14.14.0 → 14.15.1

package/fesm2020/lenne.tech-ng-base-base-components.mjs

@@ -276,8 +276,25 @@ class TagsComponent {
      * Add new tag
      *
      * @param tag
+     * @param reset
      */
-    addTag(tag) {
+    addTag(tag, reset = true) {
+        // Check if user copy string into input
+        if (tag.split(' ').length > 1) {
+            const tags = tag.split(' ');
+            for (let i = 0; i < tags.length; i++) {
+                this.addTag(tags[i], i + 1 === tags.length);
+            }
+            return;
+        }
+        // Check if user copy string into input
+        if (tag.split(',').length > 1) {
+            const tags = tag.split(',');
+            for (let i = 0; i < tags.length; i++) {
+                this.addTag(tags[i], i + 1 === tags.length);
+            }
+            return;
+        }
         if (tag.endsWith(',') || tag.endsWith(' ')) {
             tag = tag.slice(0, -1);
         }
@@ -297,7 +314,9 @@ class TagsComponent {
         }
         if (this.control.value?.length === 0) {
             this.control.setValue([foundOption.value]);
-            this.inputValue = '';
+            if (reset) {
+                this.inputValue = '';
+            }
             this.control.setErrors(null);
             return;
         }
@@ -305,11 +324,15 @@ class TagsComponent {
             this.control.value &&
             !this.control.value.some((item) => item === foundOption.value)) {
             this.control.setValue([...this.control.value, foundOption.value]);
-            this.inputValue = '';
+            if (reset) {
+                this.inputValue = '';
+            }
             this.control.setErrors(null);
         }
         if (this.control.value.some((item) => item === foundOption.value)) {
-            this.inputValue = '';
+            if (reset) {
+                this.inputValue = '';
+            }
         }
     }
     /**