Remove text transform from chips in input

sharedComponents/input/input.component.ts

@@ -23,7 +23,15 @@ import {properties} from "../../../../environments/environment";
 import {ClickEvent} from "../../utils/click/click-outside-or-esc.directive";
 import {element} from "protractor";
 
-export type InputType = 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'autocomplete_soft' | 'textarea' | 'select' | 'chips';
+export type InputType =
+  'text'
+  | 'URL'
+  | 'logoURL'
+  | 'autocomplete'
+  | 'autocomplete_soft'
+  | 'textarea'
+  | 'select'
+  | 'chips';
 
 export interface Option {
   icon?: string,
@@ -112,7 +120,7 @@ declare var UIkit;
                 <div *ngFor="let chip of formAsArray.controls; let i=index" #chip
                      [class.uk-hidden]="!focused && i > visibleChips - 1"
                      class="chip">
-                  <div class="uk-label uk-label-small uk-flex uk-flex-middle"
+                  <div class="uk-label uk-label-small uk-text-transform-none uk-flex uk-flex-middle"
                        [attr.uk-tooltip]="(tooltip)?('title: ' + getLabel(chip.value) + '; delay: 500; pos: bottom-left'):null">
                     <span class="uk-text-truncate uk-width-expand">{{getLabel(chip.value)}}</span>
                     <icon *ngIf="focused" (click)="remove(i, $event)"
@@ -548,19 +556,37 @@ export class InputComponent implements OnInit, OnDestroy, AfterViewInit, OnChang
   }
   
   add(event, addChips = false) {
-    if (addChips && this.searchControl.value && this.searchControl.valid) {
-      if (event && event.stopPropagation) {
-        event.stopPropagation();
-      }
-      this.formAsArray.push(new UntypedFormControl(this.searchControl.value, this.validators));
-      this.formAsArray.markAsDirty();
-      this.searchControl.setValue('');
-      this.activeElement.next(this.chips.last);
+    if (addChips && this.searchControl.value) {
+      this.splitSearchControl();
     } else if (!this.focused) {
       this.searchControl.setValue('');
     }
   }
   
+  splitSearchControl() {
+    let values = [this.searchControl.value];
+    this.separators.forEach(separator => {
+      values = ([] as string[]).concat(...values.map(value => {
+        if (Array.isArray(value)) {
+          return ([] as string[]).concat(...value.map(element => element.split(separator)));
+        } else {
+          return value.split(separator);
+        }
+      }));
+    });
+    values.forEach(value => {
+      let control = new UntypedFormControl(value.trim(), this.validators);
+      if (control.valid) {
+        this.formAsArray.push(control);
+        this.formAsArray.markAsDirty();
+      }
+    });
+    if (this.formAsArray.dirty) {
+      this.activeElement.next(this.chips.last);
+      this.searchControl.setValue('');
+    }
+  }
+  
   getLabel(value: any): string {
     let option = this.optionsArray.find(option => HelperFunctions.equals(option.value, value));
     return (option) ? option.label : (value);