swapped examples order

Author: ppaska

projects/bootstrap/src/lib/components/input-typeahead/input-typeahead.examples.ts

@@ -1,38 +1,38 @@
 import { UIModel, ComponentExample } from '@ngx-dynamic-components/core';
 import { InputTypeaheadProperties } from './input-typeahead.component';
 
-export const example1: ComponentExample<UIModel<InputTypeaheadProperties>> = {
+export const example2: ComponentExample<UIModel<InputTypeaheadProperties>> = {
   uiModel: `
     <div class="flex-column">
       <div class="form-group">
         <label class="col-form-label" width="60px">Type text</label>
-        <input-typeahead width="300px" binding="$.selectedOption">
-          <option value="o1">Option 1</option>
-          <option value="o2">Option 2</option>
-        </input-typeahead>
+        <input-typeahead width="300px" itemsSource="$.list" binding="$.selected"></input-typeahead>
       </div>
     </div>
   `,
-  dataModel: {},
-  title: 'Static dropdown declaration',
+  dataModel: {
+    list: [{ label: 'Data 1', value: 'd1' }, { label: 'Data 2', value: 'd2' }]
+  },
+  title: 'Dropdown options binded to dataModel',
 };
 
-export const example2: ComponentExample<UIModel<InputTypeaheadProperties>> = {
+export const example3: ComponentExample<UIModel<InputTypeaheadProperties>> = {
   uiModel: `
     <div class="flex-column">
       <div class="form-group">
         <label class="col-form-label" width="60px">Type text</label>
-        <input-typeahead width="300px" itemsSource="$.list" binding="$.selected"></input-typeahead>
+        <input-typeahead width="300px" binding="$.selectedOption">
+          <option value="o1">Option 1</option>
+          <option value="o2">Option 2</option>
+        </input-typeahead>
       </div>
     </div>
   `,
-  dataModel: {
-    list: [{ label: 'Data 1', value: 'd1' }, { label: 'Data 2', value: 'd2' }]
-  },
-  title: 'Dropdown options binded to dataModel',
+  dataModel: {},
+  title: 'Static dropdown declaration',
 };
 
-export const example3: ComponentExample<UIModel<InputTypeaheadProperties>> = {
+export const example1: ComponentExample<UIModel<InputTypeaheadProperties>> = {
   uiModel: `
     <div class="flex-column">
       <div class="form-group">
@@ -97,4 +97,4 @@ export const example4: ComponentExample<UIModel<InputTypeaheadProperties>> = {
   title: 'drop-down with typeahead and debounceTime',
 };
 
-export default [example1, example2, example4];
+export default [example4, example1, example2];