Merge pull request #4872 from vvlladd28/imrpovement/material-chip/add-on-blur

UI: Improvement added chip after blur input

ui-ngx/src/app/modules/home/components/profile/alarm/device-profile-alarm.component.html

@@ -73,8 +73,8 @@
                      style="max-width: 200px;"
                      [matChipInputFor]="relationTypesChipList"
                      [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
-                     (matChipInputTokenEnd)="addRelationType($event)"
-                     [matChipInputAddOnBlur]="true">
+                     matChipInputAddOnBlur
+                     (matChipInputTokenEnd)="addRelationType($event)">
             </mat-chip-list>
             <mat-hint innerHTML="{{ 'device-profile.alarm-rule-relation-types-list-hint' | translate }}"></mat-hint>
           </mat-form-field>

ui-ngx/src/app/modules/home/components/widget/data-keys.component.html

@@ -86,6 +86,7 @@
            [matAutocompleteDisabled]="isEntityCountDatasource"
            [matChipInputFor]="chipList"
            [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           matChipInputAddOnBlur
            (matChipInputTokenEnd)="add($event)">
   </mat-chip-list>
   <mat-autocomplete #keyAutocomplete="matAutocomplete"

ui-ngx/src/app/modules/home/components/widget/lib/alarm-filter-panel.component.html

@@ -45,7 +45,7 @@
       <input placeholder="{{ !alarmFilterFormGroup.get('alarmTypeList').value?.length ? ('alarm.any-type' | translate) : '' }}"
              [matChipInputFor]="alarmTypeChipList"
              [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
-             [matChipInputAddOnBlur]="true"
+             matChipInputAddOnBlur
              (matChipInputTokenEnd)="addAlarmType($event)">
     </mat-chip-list>
   </mat-form-field>

ui-ngx/src/app/modules/home/components/widget/widget-config.component.html

@@ -73,7 +73,7 @@
               <input placeholder="{{ !dataSettings.get('alarmTypeList').value?.length ? ('alarm.any-type' | translate) : '' }}"
                      [matChipInputFor]="alarmTypeChipList"
                      [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
-                     [matChipInputAddOnBlur]="true"
+                     matChipInputAddOnBlur
                      (matChipInputTokenEnd)="addAlarmType($event)">
             </mat-chip-list>
           </mat-form-field>

ui-ngx/src/app/modules/home/pages/rulechain/link-labels.component.html

@@ -37,6 +37,7 @@
            [matAutocomplete]="labelAutocomplete"
            [matChipInputFor]="chipList"
            [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           matChipInputAddOnBlur
            (matChipInputTokenEnd)="add($event)">
   </mat-chip-list>
   <mat-autocomplete #labelAutocomplete="matAutocomplete"

ui-ngx/src/app/shared/components/entity/entity-keys-list.component.html

@@ -36,6 +36,7 @@
            [matAutocomplete]="keyAutocomplete"
            [matChipInputFor]="chipList"
            [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           matChipInputAddOnBlur
            (matChipInputTokenEnd)="add($event)">
   </mat-chip-list>
   <mat-autocomplete #keyAutocomplete="matAutocomplete"

ui-ngx/src/app/shared/components/entity/entity-subtype-list.component.html

@@ -36,6 +36,7 @@
            [matAutocomplete]="entitySubtypeAutocomplete"
            [matChipInputFor]="chipList"
            [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
+           matChipInputAddOnBlur
            (matChipInputTokenEnd)="chipAdd($event)">
   </mat-chip-list>
   <mat-autocomplete #entitySubtypeAutocomplete="matAutocomplete"