fix: (Platform) Multi Input add the ability to add an item with Enter (…

…#5179)

* fix: (platform) Multi Input add the ability to add an item with Enter

* docs: (platform) Multi Input selected option always shows null

apps/docs/src/app/platform/component-docs/platform-forms/multi-input/platform-multi-input-example/platform-multi-input-compact-example.component.html

@@ -14,7 +14,7 @@
             id="fdp-id-compact"
             name="input1"
             [dataSource]="_datasource"
-            displayKey="firstName"
+            displayKey="state"
             contentDensity="compact"
         >
         </fdp-multi-input>

apps/docs/src/app/platform/component-docs/platform-forms/multi-input/platform-multi-input-example/platform-multi-input-compact-example.component.ts

@@ -9,56 +9,56 @@ import { DATA_PROVIDERS } from '@fundamental-ngx/platform';
 })
 export class PlatformMultiInputCompactExampleComponent {
     _datasource = [
-        { firstName: 'Alabama', lastName: 'Montgomery' },
-        { firstName: 'Alaska', lastName: 'Juneau' },
-        { firstName: 'Arizona', lastName: 'Phoenix' },
-        { firstName: 'Arkansas', lastName: 'Little Rock' },
-        { firstName: 'California', lastName: 'Sacramento' },
-        { firstName: 'Colorado', lastName: 'Denver' },
-        { firstName: 'Connecticut', lastName: 'Hartford' },
-        { firstName: 'Kentucky', lastName: 'Frankfort' },
-        { firstName: 'Delaware', lastName: 'Dover' },
-        { firstName: 'Florida', lastName: 'Tallahassee' },
-        { firstName: 'Georgia', lastName: 'Atlanta' },
-        { firstName: 'Hawaii', lastName: 'Honolulu' },
-        { firstName: 'Idaho', lastName: 'Boise' },
-        { firstName: 'Illinois', lastName: 'Springfield' },
-        { firstName: 'Indiana', lastName: 'Indianapolis' },
-        { firstName: 'Iowa', lastName: 'Des Moines' },
-        { firstName: 'Kansas', lastName: 'Topeka' },
-        { firstName: 'Kentucky', lastName: 'Frankfort' },
-        { firstName: 'Louisiana', lastName: 'Baton Rouge' },
-        { firstName: 'Maine', lastName: 'Augusta' },
-        { firstName: 'Maryland', lastName: 'Annapolis' },
-        { firstName: 'Massachusetts', lastName: 'Boston' },
-        { firstName: 'Michigan', lastName: 'Lansing' },
-        { firstName: 'Minnesota', lastName: 'St. Paul' },
-        { firstName: 'Mississippi', lastName: 'Jackson' },
-        { firstName: 'Missouri', lastName: 'Jefferson City' },
-        { firstName: 'Montana', lastName: 'Helena' },
-        { firstName: 'Nebraska', lastName: 'Lincoln' },
-        { firstName: 'Nevada', lastName: 'Carson City' },
-        { firstName: 'New Hampshire', lastName: 'Concord' },
-        { firstName: 'New Jersey', lastName: 'Trenton' },
-        { firstName: 'New Mexico', lastName: 'Santa Fe' },
-        { firstName: 'New York', lastName: 'Albany' },
-        { firstName: 'North Carolina', lastName: 'Raleigh' },
-        { firstName: 'North Dakota', lastName: 'Bismarck' },
-        { firstName: 'Ohio', lastName: 'Columbus' },
-        { firstName: 'Oklahoma', lastName: 'Oklahoma City' },
-        { firstName: 'Oregon', lastName: 'Salem' },
-        { firstName: 'Pennsylvania', lastName: 'Harrisburg' },
-        { firstName: 'Rhode Island', lastName: 'Providence' },
-        { firstName: 'South Carolina', lastName: 'Columbia' },
-        { firstName: 'South Dakota', lastName: 'Pierre' },
-        { firstName: 'Tennessee', lastName: 'Nashville' },
-        { firstName: 'Texas', lastName: 'Austin' },
-        { firstName: 'Utah', lastName: 'Salt Lake City' },
-        { firstName: 'Vermont', lastName: 'Montpelier' },
-        { firstName: 'Virginia', lastName: 'Richmond' },
-        { firstName: 'Washington', lastName: 'Olympia' },
-        { firstName: 'West Virginia', lastName: 'Charleston' },
-        { firstName: 'Wisconsin', lastName: 'Madison' },
-        { firstName: 'Wyoming', lastName: 'Cheyenne' }
+        { state: 'Alabama', city: 'Montgomery' },
+        { state: 'Alaska', city: 'Juneau' },
+        { state: 'Arizona', city: 'Phoenix' },
+        { state: 'Arkansas', city: 'Little Rock' },
+        { state: 'California', city: 'Sacramento' },
+        { state: 'Colorado', city: 'Denver' },
+        { state: 'Connecticut', city: 'Hartford' },
+        { state: 'Kentucky', city: 'Frankfort' },
+        { state: 'Delaware', city: 'Dover' },
+        { state: 'Florida', city: 'Tallahassee' },
+        { state: 'Georgia', city: 'Atlanta' },
+        { state: 'Hawaii', city: 'Honolulu' },
+        { state: 'Idaho', city: 'Boise' },
+        { state: 'Illinois', city: 'Springfield' },
+        { state: 'Indiana', city: 'Indianapolis' },
+        { state: 'Iowa', city: 'Des Moines' },
+        { state: 'Kansas', city: 'Topeka' },
+        { state: 'Kentucky', city: 'Frankfort' },
+        { state: 'Louisiana', city: 'Baton Rouge' },
+        { state: 'Maine', city: 'Augusta' },
+        { state: 'Maryland', city: 'Annapolis' },
+        { state: 'Massachusetts', city: 'Boston' },
+        { state: 'Michigan', city: 'Lansing' },
+        { state: 'Minnesota', city: 'St. Paul' },
+        { state: 'Mississippi', city: 'Jackson' },
+        { state: 'Missouri', city: 'Jefferson City' },
+        { state: 'Montana', city: 'Helena' },
+        { state: 'Nebraska', city: 'Lincoln' },
+        { state: 'Nevada', city: 'Carson City' },
+        { state: 'New Hampshire', city: 'Concord' },
+        { state: 'New Jersey', city: 'Trenton' },
+        { state: 'New Mexico', city: 'Santa Fe' },
+        { state: 'New York', city: 'Albany' },
+        { state: 'North Carolina', city: 'Raleigh' },
+        { state: 'North Dakota', city: 'Bismarck' },
+        { state: 'Ohio', city: 'Columbus' },
+        { state: 'Oklahoma', city: 'Oklahoma City' },
+        { state: 'Oregon', city: 'Salem' },
+        { state: 'Pennsylvania', city: 'Harrisburg' },
+        { state: 'Rhode Island', city: 'Providence' },
+        { state: 'South Carolina', city: 'Columbia' },
+        { state: 'South Dakota', city: 'Pierre' },
+        { state: 'Tennessee', city: 'Nashville' },
+        { state: 'Texas', city: 'Austin' },
+        { state: 'Utah', city: 'Salt Lake City' },
+        { state: 'Vermont', city: 'Montpelier' },
+        { state: 'Virginia', city: 'Richmond' },
+        { state: 'Washington', city: 'Olympia' },
+        { state: 'West Virginia', city: 'Charleston' },
+        { state: 'Wisconsin', city: 'Madison' },
+        { state: 'Wyoming', city: 'Cheyenne' }
     ];
 }

apps/docs/src/app/platform/component-docs/platform-forms/multi-input/platform-multi-input-example/platform-multi-input-complex-example.component.html

@@ -15,8 +15,8 @@
                 id="fdp-id-complex"
                 name="fdp-name"
                 [dataSource]="list_elements"
-                displayKey="firstName"
-                description="lastName"
+                displayKey="state"
+                description="description"
                 showSecondaryText="true"
                 hasByLine="true"
             >