angular-slickgrid 8.14.1 → 9.0.0

package/src/demos/examples/custom-inputFilter.ts

@@ -0,0 +1,134 @@
+import {
+  Column,
+  ColumnFilter,
+  Filter,
+  FilterArguments,
+  FilterCallback,
+  GridOption,
+  OperatorType,
+  OperatorString,
+  SearchTerm,
+  SlickGrid,
+} from '../../library';
+
+export class CustomInputFilter implements Filter {
+  private _clearFilterTriggered = false;
+  private _shouldTriggerQuery = true;
+  private filterElm!: HTMLInputElement;
+  grid!: SlickGrid;
+  searchTerms: SearchTerm[] = [];
+  columnDef!: Column;
+  callback!: FilterCallback;
+  operator: OperatorType | OperatorString = OperatorType.equal;
+
+  /** Getter for the Column Filter */
+  get columnFilter(): ColumnFilter {
+    return this.columnDef?.filter ?? {};
+  }
+
+  /** Getter for the Grid Options pulled through the Grid Object */
+  get gridOptions(): GridOption {
+    return (this.grid?.getOptions() ?? {}) as GridOption;
+  }
+
+  /**
+   * Initialize the Filter
+   */
+  init(args: FilterArguments) {
+    this.grid = args.grid as SlickGrid;
+    this.callback = args.callback;
+    this.columnDef = args.columnDef;
+    this.searchTerms = ('searchTerms' in args ? args.searchTerms : []) || [];
+
+    // filter input can only have 1 search term, so we will use the 1st array index if it exist
+    const searchTerm = Array.isArray(this.searchTerms) && this.searchTerms.length >= 0 ? this.searchTerms[0] : '';
+
+    // step 2, create the DOM Element of the filter & initialize it if searchTerm is filled
+    this.filterElm = this.createFilterElement(searchTerm);
+
+    // step 3, subscribe to the keyup event and run the callback when that happens
+    this.filterElm?.addEventListener('keyup', this.onKeyup.bind(this));
+  }
+
+  /**
+   * Clear the filter value
+   */
+  clear(shouldTriggerQuery = true) {
+    if (this.filterElm) {
+      this._clearFilterTriggered = true;
+      this._shouldTriggerQuery = shouldTriggerQuery;
+      this.filterElm.value = '';
+      this.filterElm.dispatchEvent(new Event('keyup'));
+    }
+  }
+
+  /**
+   * destroy the filter
+   */
+  destroy() {
+    this.filterElm?.removeEventListener('keyup', this.onKeyup.bind(this));
+    this.filterElm?.remove();
+  }
+
+  /** Set value(s) on the DOM element */
+  setValues(values: SearchTerm | SearchTerm[]) {
+    if (values && this.filterElm) {
+      this.filterElm.value = values as string;
+    }
+  }
+
+  //
+  // private functions
+  // ------------------
+
+  private onKeyup(e: KeyboardEvent) {
+    let value = (e as KeyboardEvent & { target: HTMLInputElement })?.target?.value ?? '';
+    const enableWhiteSpaceTrim = this.gridOptions.enableFilterTrimWhiteSpace || this.columnFilter.enableTrimWhiteSpace;
+    if (typeof value === 'string' && enableWhiteSpaceTrim) {
+      value = value.trim();
+    }
+
+    if (this._clearFilterTriggered) {
+      this.callback(e, {
+        columnDef: this.columnDef,
+        clearFilterTriggered: this._clearFilterTriggered,
+        shouldTriggerQuery: this._shouldTriggerQuery,
+      });
+      this.filterElm?.classList.remove('filled');
+    } else {
+      value === '' ? this.filterElm?.classList.remove('filled') : this.filterElm?.classList.add('filled');
+      this.callback(e, { columnDef: this.columnDef, searchTerms: [value], shouldTriggerQuery: this._shouldTriggerQuery });
+    }
+    // reset both flags for next use
+    this._clearFilterTriggered = false;
+    this._shouldTriggerQuery = true;
+  }
+
+  /**
+   * From the html template string, create a DOM element
+   * @param filterTemplate
+   */
+  private createFilterElement(searchTerm?: SearchTerm) {
+    const headerElm = this.grid.getHeaderRowColumn(this.columnDef.id);
+    if (headerElm) {
+      headerElm.innerHTML = '';
+
+      let placeholder = this.gridOptions?.defaultFilterPlaceholder ?? '';
+      if (this.columnFilter?.placeholder) {
+        placeholder = this.columnFilter.placeholder;
+      }
+
+      // create the DOM element & add an ID and filter class
+      this.filterElm = document.createElement('input');
+      this.filterElm.type = 'text';
+      this.filterElm.className = 'form-control search-filter';
+      this.filterElm.placeholder = placeholder;
+      this.filterElm.value = `${searchTerm || ''}`;
+      this.filterElm.dataset.columnid = `${this.columnDef.id}`;
+
+      // append the new DOM element to the header row
+      headerElm.appendChild(this.filterElm);
+    }
+    return this.filterElm;
+  }
+}

package/src/demos/examples/custom-titleFormatter.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  template: `<b>{{ item?.assignee?.name }}</b>`,
+  standalone: false,
+})
+export class CustomTitleFormatterComponent {
+  item: any;
+}

package/src/demos/examples/data/collection_100_numbers.json

@@ -0,0 +1,12 @@
+[
+  { "value": 0, "label": 0, "prefix": "Task", "suffix": "day" }, { "value": 1, "label": 1, "prefix": "Task", "suffix": "day" }, { "value": 2, "label": 2, "prefix": "Task", "suffix": "days" }, { "value": 3, "label": 3, "prefix": "Task", "suffix": "days" }, { "value": 4, "label": 4, "prefix": "Task", "suffix": "days" }, { "value": 5, "label": 5, "prefix": "Task", "suffix": "days" }, { "value": 6, "label": 6, "prefix": "Task", "suffix": "days" }, { "value": 7, "label": 7, "prefix": "Task", "suffix": "days" }, { "value": 8, "label": 8, "prefix": "Task", "suffix": "days" }, { "value": 9, "label": 9, "prefix": "Task", "suffix": "days" },
+  { "value": 10, "label": 10, "prefix": "Task", "suffix": "days" }, { "value": 11, "label": 11, "prefix": "Task", "suffix": "days" }, { "value": 12, "label": 12, "prefix": "Task", "suffix": "days" }, { "value": 13, "label": 13, "prefix": "Task", "suffix": "days" }, { "value": 14, "label": 14, "prefix": "Task", "suffix": "days" }, { "value": 15, "label": 15, "prefix": "Task", "suffix": "days" }, { "value": 16, "label": 16, "prefix": "Task", "suffix": "days" }, { "value": 17, "label": 17, "prefix": "Task", "suffix": "days" }, { "value": 18, "label": 18, "prefix": "Task", "suffix": "days" }, { "value": 19, "label": 19, "prefix": "Task", "suffix": "days" },
+  { "value": 20, "label": 20, "prefix": "Task", "suffix": "days" }, { "value": 21, "label": 21, "prefix": "Task", "suffix": "days" }, { "value": 22, "label": 22, "prefix": "Task", "suffix": "days" }, { "value": 23, "label": 23, "prefix": "Task", "suffix": "days" }, { "value": 24, "label": 24, "prefix": "Task", "suffix": "days" }, { "value": 25, "label": 25, "prefix": "Task", "suffix": "days" }, { "value": 26, "label": 26, "prefix": "Task", "suffix": "days" }, { "value": 27, "label": 27, "prefix": "Task", "suffix": "days" }, { "value": 28, "label": 28, "prefix": "Task", "suffix": "days" }, { "value": 29, "label": 29, "prefix": "Task", "suffix": "days" },
+  { "value": 30, "label": 30, "prefix": "Task", "suffix": "days" }, { "value": 31, "label": 31, "prefix": "Task", "suffix": "days" }, { "value": 32, "label": 32, "prefix": "Task", "suffix": "days" }, { "value": 33, "label": 33, "prefix": "Task", "suffix": "days" }, { "value": 34, "label": 34, "prefix": "Task", "suffix": "days" }, { "value": 35, "label": 35, "prefix": "Task", "suffix": "days" }, { "value": 36, "label": 36, "prefix": "Task", "suffix": "days" }, { "value": 37, "label": 37, "prefix": "Task", "suffix": "days" }, { "value": 38, "label": 38, "prefix": "Task", "suffix": "days" }, { "value": 39, "label": 39, "prefix": "Task", "suffix": "days" },
+  { "value": 40, "label": 40, "prefix": "Task", "suffix": "days" }, { "value": 41, "label": 41, "prefix": "Task", "suffix": "days" }, { "value": 42, "label": 42, "prefix": "Task", "suffix": "days" }, { "value": 43, "label": 43, "prefix": "Task", "suffix": "days" }, { "value": 44, "label": 44, "prefix": "Task", "suffix": "days" }, { "value": 45, "label": 45, "prefix": "Task", "suffix": "days" }, { "value": 46, "label": 46, "prefix": "Task", "suffix": "days" }, { "value": 47, "label": 47, "prefix": "Task", "suffix": "days" }, { "value": 48, "label": 48, "prefix": "Task", "suffix": "days" }, { "value": 49, "label": 49, "prefix": "Task", "suffix": "days" },
+  { "value": 50, "label": 50, "prefix": "Task", "suffix": "days" }, { "value": 51, "label": 51, "prefix": "Task", "suffix": "days" }, { "value": 52, "label": 52, "prefix": "Task", "suffix": "days" }, { "value": 53, "label": 53, "prefix": "Task", "suffix": "days" }, { "value": 54, "label": 54, "prefix": "Task", "suffix": "days" }, { "value": 55, "label": 55, "prefix": "Task", "suffix": "days" }, { "value": 56, "label": 56, "prefix": "Task", "suffix": "days" }, { "value": 57, "label": 57, "prefix": "Task", "suffix": "days" }, { "value": 58, "label": 58, "prefix": "Task", "suffix": "days" }, { "value": 59, "label": 59, "prefix": "Task", "suffix": "days" },
+  { "value": 60, "label": 60, "prefix": "Task", "suffix": "days" }, { "value": 61, "label": 61, "prefix": "Task", "suffix": "days" }, { "value": 62, "label": 62, "prefix": "Task", "suffix": "days" }, { "value": 63, "label": 63, "prefix": "Task", "suffix": "days" }, { "value": 64, "label": 64, "prefix": "Task", "suffix": "days" }, { "value": 65, "label": 65, "prefix": "Task", "suffix": "days" }, { "value": 66, "label": 66, "prefix": "Task", "suffix": "days" }, { "value": 67, "label": 67, "prefix": "Task", "suffix": "days" }, { "value": 68, "label": 68, "prefix": "Task", "suffix": "days" }, { "value": 69, "label": 69, "prefix": "Task", "suffix": "days" },
+  { "value": 70, "label": 70, "prefix": "Task", "suffix": "days" }, { "value": 71, "label": 71, "prefix": "Task", "suffix": "days" }, { "value": 72, "label": 72, "prefix": "Task", "suffix": "days" }, { "value": 73, "label": 73, "prefix": "Task", "suffix": "days" }, { "value": 74, "label": 74, "prefix": "Task", "suffix": "days" }, { "value": 75, "label": 75, "prefix": "Task", "suffix": "days" }, { "value": 76, "label": 76, "prefix": "Task", "suffix": "days" }, { "value": 77, "label": 77, "prefix": "Task", "suffix": "days" }, { "value": 78, "label": 78, "prefix": "Task", "suffix": "days" }, { "value": 79, "label": 79, "prefix": "Task", "suffix": "days" },
+  { "value": 80, "label": 80, "prefix": "Task", "suffix": "days" }, { "value": 81, "label": 81, "prefix": "Task", "suffix": "days" }, { "value": 82, "label": 82, "prefix": "Task", "suffix": "days" }, { "value": 83, "label": 83, "prefix": "Task", "suffix": "days" }, { "value": 84, "label": 84, "prefix": "Task", "suffix": "days" }, { "value": 85, "label": 85, "prefix": "Task", "suffix": "days" }, { "value": 86, "label": 86, "prefix": "Task", "suffix": "days" }, { "value": 87, "label": 87, "prefix": "Task", "suffix": "days" }, { "value": 88, "label": 88, "prefix": "Task", "suffix": "days" }, { "value": 89, "label": 89, "prefix": "Task", "suffix": "days" },
+  { "value": 90, "label": 90, "prefix": "Task", "suffix": "days" }, { "value": 91, "label": 91, "prefix": "Task", "suffix": "days" }, { "value": 92, "label": 92, "prefix": "Task", "suffix": "days" }, { "value": 93, "label": 93, "prefix": "Task", "suffix": "days" }, { "value": 94, "label": 94, "prefix": "Task", "suffix": "days" }, { "value": 95, "label": 95, "prefix": "Task", "suffix": "days" }, { "value": 96, "label": 96, "prefix": "Task", "suffix": "days" }, { "value": 97, "label": 97, "prefix": "Task", "suffix": "days" }, { "value": 98, "label": 98, "prefix": "Task", "suffix": "days" }, { "value": 99, "label": 99, "prefix": "Task", "suffix": "days" }
+]

package/src/demos/examples/data/collection_500_numbers.json

@@ -0,0 +1,52 @@
+[
+  { "value": 0, "label": 0, "text": "day" }, { "value": 1, "label": 1, "text": "day" }, { "value": 2, "label": 2, "text": "days" }, { "value": 3, "label": 3, "text": "days" }, { "value": 4, "label": 4, "text": "days" }, { "value": 5, "label": 5, "text": "days" }, { "value": 6, "label": 6, "text": "days" }, { "value": 7, "label": 7, "text": "days" }, { "value": 8, "label": 8, "text": "days" }, { "value": 9, "label": 9, "text": "days" },
+  { "value": 10, "label": 10, "text": "days" }, { "value": 11, "label": 11, "text": "days" }, { "value": 12, "label": 12, "text": "days" }, { "value": 13, "label": 13, "text": "days" }, { "value": 14, "label": 14, "text": "days" }, { "value": 15, "label": 15, "text": "days" }, { "value": 16, "label": 16, "text": "days" }, { "value": 17, "label": 17, "text": "days" }, { "value": 18, "label": 18, "text": "days" }, { "value": 19, "label": 19, "text": "days" },
+  { "value": 20, "label": 20, "text": "days" }, { "value": 21, "label": 21, "text": "days" }, { "value": 22, "label": 22, "text": "days" }, { "value": 23, "label": 23, "text": "days" }, { "value": 24, "label": 24, "text": "days" }, { "value": 25, "label": 25, "text": "days" }, { "value": 26, "label": 26, "text": "days" }, { "value": 27, "label": 27, "text": "days" }, { "value": 28, "label": 28, "text": "days" }, { "value": 29, "label": 29, "text": "days" },
+  { "value": 30, "label": 30, "text": "days" }, { "value": 31, "label": 31, "text": "days" }, { "value": 32, "label": 32, "text": "days" }, { "value": 33, "label": 33, "text": "days" }, { "value": 34, "label": 34, "text": "days" }, { "value": 35, "label": 35, "text": "days" }, { "value": 36, "label": 36, "text": "days" }, { "value": 37, "label": 37, "text": "days" }, { "value": 38, "label": 38, "text": "days" }, { "value": 39, "label": 39, "text": "days" },
+  { "value": 40, "label": 40, "text": "days" }, { "value": 41, "label": 41, "text": "days" }, { "value": 42, "label": 42, "text": "days" }, { "value": 43, "label": 43, "text": "days" }, { "value": 44, "label": 44, "text": "days" }, { "value": 45, "label": 45, "text": "days" }, { "value": 46, "label": 46, "text": "days" }, { "value": 47, "label": 47, "text": "days" }, { "value": 48, "label": 48, "text": "days" }, { "value": 49, "label": 49, "text": "days" },
+  { "value": 50, "label": 50, "text": "days" }, { "value": 51, "label": 51, "text": "days" }, { "value": 52, "label": 52, "text": "days" }, { "value": 53, "label": 53, "text": "days" }, { "value": 54, "label": 54, "text": "days" }, { "value": 55, "label": 55, "text": "days" }, { "value": 56, "label": 56, "text": "days" }, { "value": 57, "label": 57, "text": "days" }, { "value": 58, "label": 58, "text": "days" }, { "value": 59, "label": 59, "text": "days" },
+  { "value": 60, "label": 60, "text": "days" }, { "value": 61, "label": 61, "text": "days" }, { "value": 62, "label": 62, "text": "days" }, { "value": 63, "label": 63, "text": "days" }, { "value": 64, "label": 64, "text": "days" }, { "value": 65, "label": 65, "text": "days" }, { "value": 66, "label": 66, "text": "days" }, { "value": 67, "label": 67, "text": "days" }, { "value": 68, "label": 68, "text": "days" }, { "value": 69, "label": 69, "text": "days" },
+  { "value": 70, "label": 70, "text": "days" }, { "value": 71, "label": 71, "text": "days" }, { "value": 72, "label": 72, "text": "days" }, { "value": 73, "label": 73, "text": "days" }, { "value": 74, "label": 74, "text": "days" }, { "value": 75, "label": 75, "text": "days" }, { "value": 76, "label": 76, "text": "days" }, { "value": 77, "label": 77, "text": "days" }, { "value": 78, "label": 78, "text": "days" }, { "value": 79, "label": 79, "text": "days" },
+  { "value": 80, "label": 80, "text": "days" }, { "value": 81, "label": 81, "text": "days" }, { "value": 82, "label": 82, "text": "days" }, { "value": 83, "label": 83, "text": "days" }, { "value": 84, "label": 84, "text": "days" }, { "value": 85, "label": 85, "text": "days" }, { "value": 86, "label": 86, "text": "days" }, { "value": 87, "label": 87, "text": "days" }, { "value": 88, "label": 88, "text": "days" }, { "value": 89, "label": 89, "text": "days" },
+  { "value": 90, "label": 90, "text": "days" }, { "value": 91, "label": 91, "text": "days" }, { "value": 92, "label": 92, "text": "days" }, { "value": 93, "label": 93, "text": "days" }, { "value": 94, "label": 94, "text": "days" }, { "value": 95, "label": 95, "text": "days" }, { "value": 96, "label": 96, "text": "days" }, { "value": 97, "label": 97, "text": "days" }, { "value": 98, "label": 98, "text": "days" }, { "value": 99, "label": 99, "text": "days" },
+  { "value": 100, "label": 100, "text": "days" }, { "value": 101, "label": 101, "text": "days" }, { "value": 102, "label": 102, "text": "days" }, { "value": 103, "label": 103, "text": "days" }, { "value": 104, "label": 104, "text": "days" }, { "value": 105, "label": 105, "text": "days" }, { "value": 106, "label": 106, "text": "days" }, { "value": 107, "label": 107, "text": "days" }, { "value": 108, "label": 108, "text": "days" }, { "value": 109, "label": 109, "text": "days" },
+  { "value": 110, "label": 110, "text": "days" }, { "value": 111, "label": 111, "text": "days" }, { "value": 112, "label": 112, "text": "days" }, { "value": 113, "label": 113, "text": "days" }, { "value": 114, "label": 114, "text": "days" }, { "value": 115, "label": 115, "text": "days" }, { "value": 116, "label": 116, "text": "days" }, { "value": 117, "label": 117, "text": "days" }, { "value": 118, "label": 118, "text": "days" }, { "value": 119, "label": 119, "text": "days" },
+  { "value": 120, "label": 120, "text": "days" }, { "value": 121, "label": 121, "text": "days" }, { "value": 122, "label": 122, "text": "days" }, { "value": 123, "label": 123, "text": "days" }, { "value": 124, "label": 124, "text": "days" }, { "value": 125, "label": 125, "text": "days" }, { "value": 126, "label": 126, "text": "days" }, { "value": 127, "label": 127, "text": "days" }, { "value": 128, "label": 128, "text": "days" }, { "value": 129, "label": 129, "text": "days" },
+  { "value": 130, "label": 130, "text": "days" }, { "value": 131, "label": 131, "text": "days" }, { "value": 132, "label": 132, "text": "days" }, { "value": 133, "label": 133, "text": "days" }, { "value": 134, "label": 134, "text": "days" }, { "value": 135, "label": 135, "text": "days" }, { "value": 136, "label": 136, "text": "days" }, { "value": 137, "label": 137, "text": "days" }, { "value": 138, "label": 138, "text": "days" }, { "value": 139, "label": 139, "text": "days" },
+  { "value": 140, "label": 140, "text": "days" }, { "value": 141, "label": 141, "text": "days" }, { "value": 142, "label": 142, "text": "days" }, { "value": 143, "label": 143, "text": "days" }, { "value": 144, "label": 144, "text": "days" }, { "value": 145, "label": 145, "text": "days" }, { "value": 146, "label": 146, "text": "days" }, { "value": 147, "label": 147, "text": "days" }, { "value": 148, "label": 148, "text": "days" }, { "value": 149, "label": 149, "text": "days" },
+  { "value": 150, "label": 150, "text": "days" }, { "value": 151, "label": 151, "text": "days" }, { "value": 152, "label": 152, "text": "days" }, { "value": 153, "label": 153, "text": "days" }, { "value": 154, "label": 154, "text": "days" }, { "value": 155, "label": 155, "text": "days" }, { "value": 156, "label": 156, "text": "days" }, { "value": 157, "label": 157, "text": "days" }, { "value": 158, "label": 158, "text": "days" }, { "value": 159, "label": 159, "text": "days" },
+  { "value": 160, "label": 160, "text": "days" }, { "value": 161, "label": 161, "text": "days" }, { "value": 162, "label": 162, "text": "days" }, { "value": 163, "label": 163, "text": "days" }, { "value": 164, "label": 164, "text": "days" }, { "value": 165, "label": 165, "text": "days" }, { "value": 166, "label": 166, "text": "days" }, { "value": 167, "label": 167, "text": "days" }, { "value": 168, "label": 168, "text": "days" }, { "value": 169, "label": 169, "text": "days" },
+  { "value": 170, "label": 170, "text": "days" }, { "value": 171, "label": 171, "text": "days" }, { "value": 172, "label": 172, "text": "days" }, { "value": 173, "label": 173, "text": "days" }, { "value": 174, "label": 174, "text": "days" }, { "value": 175, "label": 175, "text": "days" }, { "value": 176, "label": 176, "text": "days" }, { "value": 177, "label": 177, "text": "days" }, { "value": 178, "label": 178, "text": "days" }, { "value": 179, "label": 179, "text": "days" },
+  { "value": 180, "label": 180, "text": "days" }, { "value": 181, "label": 181, "text": "days" }, { "value": 182, "label": 182, "text": "days" }, { "value": 183, "label": 183, "text": "days" }, { "value": 184, "label": 184, "text": "days" }, { "value": 185, "label": 185, "text": "days" }, { "value": 186, "label": 186, "text": "days" }, { "value": 187, "label": 187, "text": "days" }, { "value": 188, "label": 188, "text": "days" }, { "value": 189, "label": 189, "text": "days" },
+  { "value": 190, "label": 190, "text": "days" }, { "value": 191, "label": 191, "text": "days" }, { "value": 192, "label": 192, "text": "days" }, { "value": 193, "label": 193, "text": "days" }, { "value": 194, "label": 194, "text": "days" }, { "value": 195, "label": 195, "text": "days" }, { "value": 196, "label": 196, "text": "days" }, { "value": 197, "label": 197, "text": "days" }, { "value": 198, "label": 198, "text": "days" }, { "value": 199, "label": 199, "text": "days" },
+  { "value": 200, "label": 200, "text": "days" }, { "value": 201, "label": 201, "text": "days" }, { "value": 202, "label": 202, "text": "days" }, { "value": 203, "label": 203, "text": "days" }, { "value": 204, "label": 204, "text": "days" }, { "value": 205, "label": 205, "text": "days" }, { "value": 206, "label": 206, "text": "days" }, { "value": 207, "label": 207, "text": "days" }, { "value": 208, "label": 208, "text": "days" }, { "value": 209, "label": 209, "text": "days" },
+  { "value": 210, "label": 210, "text": "days" }, { "value": 211, "label": 211, "text": "days" }, { "value": 212, "label": 212, "text": "days" }, { "value": 213, "label": 213, "text": "days" }, { "value": 214, "label": 214, "text": "days" }, { "value": 215, "label": 215, "text": "days" }, { "value": 216, "label": 216, "text": "days" }, { "value": 217, "label": 217, "text": "days" }, { "value": 218, "label": 218, "text": "days" }, { "value": 219, "label": 219, "text": "days" },
+  { "value": 220, "label": 220, "text": "days" }, { "value": 221, "label": 221, "text": "days" }, { "value": 222, "label": 222, "text": "days" }, { "value": 223, "label": 223, "text": "days" }, { "value": 224, "label": 224, "text": "days" }, { "value": 225, "label": 225, "text": "days" }, { "value": 226, "label": 226, "text": "days" }, { "value": 227, "label": 227, "text": "days" }, { "value": 228, "label": 228, "text": "days" }, { "value": 229, "label": 229, "text": "days" },
+  { "value": 230, "label": 230, "text": "days" }, { "value": 231, "label": 231, "text": "days" }, { "value": 232, "label": 232, "text": "days" }, { "value": 233, "label": 233, "text": "days" }, { "value": 234, "label": 234, "text": "days" }, { "value": 235, "label": 235, "text": "days" }, { "value": 236, "label": 236, "text": "days" }, { "value": 237, "label": 237, "text": "days" }, { "value": 238, "label": 238, "text": "days" }, { "value": 239, "label": 239, "text": "days" },
+  { "value": 240, "label": 240, "text": "days" }, { "value": 241, "label": 241, "text": "days" }, { "value": 242, "label": 242, "text": "days" }, { "value": 243, "label": 243, "text": "days" }, { "value": 244, "label": 244, "text": "days" }, { "value": 245, "label": 245, "text": "days" }, { "value": 246, "label": 246, "text": "days" }, { "value": 247, "label": 247, "text": "days" }, { "value": 248, "label": 248, "text": "days" }, { "value": 249, "label": 249, "text": "days" },
+  { "value": 250, "label": 250, "text": "days" }, { "value": 251, "label": 251, "text": "days" }, { "value": 252, "label": 252, "text": "days" }, { "value": 253, "label": 253, "text": "days" }, { "value": 254, "label": 254, "text": "days" }, { "value": 255, "label": 255, "text": "days" }, { "value": 256, "label": 256, "text": "days" }, { "value": 257, "label": 257, "text": "days" }, { "value": 258, "label": 258, "text": "days" }, { "value": 259, "label": 259, "text": "days" },
+  { "value": 260, "label": 260, "text": "days" }, { "value": 261, "label": 261, "text": "days" }, { "value": 262, "label": 262, "text": "days" }, { "value": 263, "label": 263, "text": "days" }, { "value": 264, "label": 264, "text": "days" }, { "value": 265, "label": 265, "text": "days" }, { "value": 266, "label": 266, "text": "days" }, { "value": 267, "label": 267, "text": "days" }, { "value": 268, "label": 268, "text": "days" }, { "value": 269, "label": 269, "text": "days" },
+  { "value": 270, "label": 270, "text": "days" }, { "value": 271, "label": 271, "text": "days" }, { "value": 272, "label": 272, "text": "days" }, { "value": 273, "label": 273, "text": "days" }, { "value": 274, "label": 274, "text": "days" }, { "value": 275, "label": 275, "text": "days" }, { "value": 276, "label": 276, "text": "days" }, { "value": 277, "label": 277, "text": "days" }, { "value": 278, "label": 278, "text": "days" }, { "value": 279, "label": 279, "text": "days" },
+  { "value": 280, "label": 280, "text": "days" }, { "value": 281, "label": 281, "text": "days" }, { "value": 282, "label": 282, "text": "days" }, { "value": 283, "label": 283, "text": "days" }, { "value": 284, "label": 284, "text": "days" }, { "value": 285, "label": 285, "text": "days" }, { "value": 286, "label": 286, "text": "days" }, { "value": 287, "label": 287, "text": "days" }, { "value": 288, "label": 288, "text": "days" }, { "value": 289, "label": 289, "text": "days" },
+  { "value": 290, "label": 290, "text": "days" }, { "value": 291, "label": 291, "text": "days" }, { "value": 292, "label": 292, "text": "days" }, { "value": 293, "label": 293, "text": "days" }, { "value": 294, "label": 294, "text": "days" }, { "value": 295, "label": 295, "text": "days" }, { "value": 296, "label": 296, "text": "days" }, { "value": 297, "label": 297, "text": "days" }, { "value": 298, "label": 298, "text": "days" }, { "value": 299, "label": 299, "text": "days" },
+  { "value": 300, "label": 300, "text": "days" }, { "value": 301, "label": 301, "text": "days" }, { "value": 302, "label": 302, "text": "days" }, { "value": 303, "label": 303, "text": "days" }, { "value": 304, "label": 304, "text": "days" }, { "value": 305, "label": 305, "text": "days" }, { "value": 306, "label": 306, "text": "days" }, { "value": 307, "label": 307, "text": "days" }, { "value": 308, "label": 308, "text": "days" }, { "value": 309, "label": 309, "text": "days" },
+  { "value": 310, "label": 310, "text": "days" }, { "value": 311, "label": 311, "text": "days" }, { "value": 312, "label": 312, "text": "days" }, { "value": 313, "label": 313, "text": "days" }, { "value": 314, "label": 314, "text": "days" }, { "value": 315, "label": 315, "text": "days" }, { "value": 316, "label": 316, "text": "days" }, { "value": 317, "label": 317, "text": "days" }, { "value": 318, "label": 318, "text": "days" }, { "value": 319, "label": 319, "text": "days" },
+  { "value": 320, "label": 320, "text": "days" }, { "value": 321, "label": 321, "text": "days" }, { "value": 322, "label": 322, "text": "days" }, { "value": 323, "label": 323, "text": "days" }, { "value": 324, "label": 324, "text": "days" }, { "value": 325, "label": 325, "text": "days" }, { "value": 326, "label": 326, "text": "days" }, { "value": 327, "label": 327, "text": "days" }, { "value": 328, "label": 328, "text": "days" }, { "value": 329, "label": 329, "text": "days" },
+  { "value": 330, "label": 330, "text": "days" }, { "value": 331, "label": 331, "text": "days" }, { "value": 332, "label": 332, "text": "days" }, { "value": 333, "label": 333, "text": "days" }, { "value": 334, "label": 334, "text": "days" }, { "value": 335, "label": 335, "text": "days" }, { "value": 336, "label": 336, "text": "days" }, { "value": 337, "label": 337, "text": "days" }, { "value": 338, "label": 338, "text": "days" }, { "value": 339, "label": 339, "text": "days" },
+  { "value": 340, "label": 340, "text": "days" }, { "value": 341, "label": 341, "text": "days" }, { "value": 342, "label": 342, "text": "days" }, { "value": 343, "label": 343, "text": "days" }, { "value": 344, "label": 344, "text": "days" }, { "value": 345, "label": 345, "text": "days" }, { "value": 346, "label": 346, "text": "days" }, { "value": 347, "label": 347, "text": "days" }, { "value": 348, "label": 348, "text": "days" }, { "value": 349, "label": 349, "text": "days" },
+  { "value": 350, "label": 350, "text": "days" }, { "value": 351, "label": 351, "text": "days" }, { "value": 352, "label": 352, "text": "days" }, { "value": 353, "label": 353, "text": "days" }, { "value": 354, "label": 354, "text": "days" }, { "value": 355, "label": 355, "text": "days" }, { "value": 356, "label": 356, "text": "days" }, { "value": 357, "label": 357, "text": "days" }, { "value": 358, "label": 358, "text": "days" }, { "value": 359, "label": 359, "text": "days" },
+  { "value": 360, "label": 360, "text": "days" }, { "value": 361, "label": 361, "text": "days" }, { "value": 362, "label": 362, "text": "days" }, { "value": 363, "label": 363, "text": "days" }, { "value": 364, "label": 364, "text": "days" }, { "value": 365, "label": 365, "text": "days" }, { "value": 366, "label": 366, "text": "days" }, { "value": 367, "label": 367, "text": "days" }, { "value": 368, "label": 368, "text": "days" }, { "value": 369, "label": 369, "text": "days" },
+  { "value": 370, "label": 370, "text": "days" }, { "value": 371, "label": 371, "text": "days" }, { "value": 372, "label": 372, "text": "days" }, { "value": 373, "label": 373, "text": "days" }, { "value": 374, "label": 374, "text": "days" }, { "value": 375, "label": 375, "text": "days" }, { "value": 376, "label": 376, "text": "days" }, { "value": 377, "label": 377, "text": "days" }, { "value": 378, "label": 378, "text": "days" }, { "value": 379, "label": 379, "text": "days" },
+  { "value": 380, "label": 380, "text": "days" }, { "value": 381, "label": 381, "text": "days" }, { "value": 382, "label": 382, "text": "days" }, { "value": 383, "label": 383, "text": "days" }, { "value": 384, "label": 384, "text": "days" }, { "value": 385, "label": 385, "text": "days" }, { "value": 386, "label": 386, "text": "days" }, { "value": 387, "label": 387, "text": "days" }, { "value": 388, "label": 388, "text": "days" }, { "value": 389, "label": 389, "text": "days" },
+  { "value": 390, "label": 390, "text": "days" }, { "value": 391, "label": 391, "text": "days" }, { "value": 392, "label": 392, "text": "days" }, { "value": 393, "label": 393, "text": "days" }, { "value": 394, "label": 394, "text": "days" }, { "value": 395, "label": 395, "text": "days" }, { "value": 396, "label": 396, "text": "days" }, { "value": 397, "label": 397, "text": "days" }, { "value": 398, "label": 398, "text": "days" }, { "value": 399, "label": 399, "text": "days" },
+  { "value": 400, "label": 400, "text": "days" }, { "value": 401, "label": 401, "text": "days" }, { "value": 402, "label": 402, "text": "days" }, { "value": 403, "label": 403, "text": "days" }, { "value": 404, "label": 404, "text": "days" }, { "value": 405, "label": 405, "text": "days" }, { "value": 406, "label": 406, "text": "days" }, { "value": 407, "label": 407, "text": "days" }, { "value": 408, "label": 408, "text": "days" }, { "value": 409, "label": 409, "text": "days" },
+  { "value": 410, "label": 410, "text": "days" }, { "value": 411, "label": 411, "text": "days" }, { "value": 412, "label": 412, "text": "days" }, { "value": 413, "label": 413, "text": "days" }, { "value": 414, "label": 414, "text": "days" }, { "value": 415, "label": 415, "text": "days" }, { "value": 416, "label": 416, "text": "days" }, { "value": 417, "label": 417, "text": "days" }, { "value": 418, "label": 418, "text": "days" }, { "value": 419, "label": 419, "text": "days" },
+  { "value": 420, "label": 420, "text": "days" }, { "value": 421, "label": 421, "text": "days" }, { "value": 422, "label": 422, "text": "days" }, { "value": 423, "label": 423, "text": "days" }, { "value": 424, "label": 424, "text": "days" }, { "value": 425, "label": 425, "text": "days" }, { "value": 426, "label": 426, "text": "days" }, { "value": 427, "label": 427, "text": "days" }, { "value": 428, "label": 428, "text": "days" }, { "value": 429, "label": 429, "text": "days" },
+  { "value": 430, "label": 430, "text": "days" }, { "value": 431, "label": 431, "text": "days" }, { "value": 432, "label": 432, "text": "days" }, { "value": 433, "label": 433, "text": "days" }, { "value": 434, "label": 434, "text": "days" }, { "value": 435, "label": 435, "text": "days" }, { "value": 436, "label": 436, "text": "days" }, { "value": 437, "label": 437, "text": "days" }, { "value": 438, "label": 438, "text": "days" }, { "value": 439, "label": 439, "text": "days" },
+  { "value": 440, "label": 440, "text": "days" }, { "value": 441, "label": 441, "text": "days" }, { "value": 442, "label": 442, "text": "days" }, { "value": 443, "label": 443, "text": "days" }, { "value": 444, "label": 444, "text": "days" }, { "value": 445, "label": 445, "text": "days" }, { "value": 446, "label": 446, "text": "days" }, { "value": 447, "label": 447, "text": "days" }, { "value": 448, "label": 448, "text": "days" }, { "value": 449, "label": 449, "text": "days" },
+  { "value": 450, "label": 450, "text": "days" }, { "value": 451, "label": 451, "text": "days" }, { "value": 452, "label": 452, "text": "days" }, { "value": 453, "label": 453, "text": "days" }, { "value": 454, "label": 454, "text": "days" }, { "value": 455, "label": 455, "text": "days" }, { "value": 456, "label": 456, "text": "days" }, { "value": 457, "label": 457, "text": "days" }, { "value": 458, "label": 458, "text": "days" }, { "value": 459, "label": 459, "text": "days" },
+  { "value": 460, "label": 460, "text": "days" }, { "value": 461, "label": 461, "text": "days" }, { "value": 462, "label": 462, "text": "days" }, { "value": 463, "label": 463, "text": "days" }, { "value": 464, "label": 464, "text": "days" }, { "value": 465, "label": 465, "text": "days" }, { "value": 466, "label": 466, "text": "days" }, { "value": 467, "label": 467, "text": "days" }, { "value": 468, "label": 468, "text": "days" }, { "value": 469, "label": 469, "text": "days" },
+  { "value": 470, "label": 470, "text": "days" }, { "value": 471, "label": 471, "text": "days" }, { "value": 472, "label": 472, "text": "days" }, { "value": 473, "label": 473, "text": "days" }, { "value": 474, "label": 474, "text": "days" }, { "value": 475, "label": 475, "text": "days" }, { "value": 476, "label": 476, "text": "days" }, { "value": 477, "label": 477, "text": "days" }, { "value": 478, "label": 478, "text": "days" }, { "value": 479, "label": 479, "text": "days" },
+  { "value": 480, "label": 480, "text": "days" }, { "value": 481, "label": 481, "text": "days" }, { "value": 482, "label": 482, "text": "days" }, { "value": 483, "label": 483, "text": "days" }, { "value": 484, "label": 484, "text": "days" }, { "value": 485, "label": 485, "text": "days" }, { "value": 486, "label": 486, "text": "days" }, { "value": 487, "label": 487, "text": "days" }, { "value": 488, "label": 488, "text": "days" }, { "value": 489, "label": 489, "text": "days" },
+  { "value": 490, "label": 490, "text": "days" }, { "value": 491, "label": 491, "text": "days" }, { "value": 492, "label": 492, "text": "days" }, { "value": 493, "label": 493, "text": "days" }, { "value": 494, "label": 494, "text": "days" }, { "value": 495, "label": 495, "text": "days" }, { "value": 496, "label": 496, "text": "days" }, { "value": 497, "label": 497, "text": "days" }, { "value": 498, "label": 498, "text": "days" }, { "value": 499, "label": 499, "text": "days" }
+]

package/src/demos/examples/data/countries.json

@@ -0,0 +1,245 @@
+[
+  {"name": "Afghanistan", "code": "AF"},
+  {"name": "Åland Islands", "code": "AX"},
+  {"name": "Albania", "code": "AL"},
+  {"name": "Algeria", "code": "DZ"},
+  {"name": "American Samoa", "code": "AS"},
+  {"name": "AndorrA", "code": "AD"},
+  {"name": "Angola", "code": "AO"},
+  {"name": "Anguilla", "code": "AI"},
+  {"name": "Antarctica", "code": "AQ"},
+  {"name": "Antigua and Barbuda", "code": "AG"},
+  {"name": "Argentina", "code": "AR"},
+  {"name": "Armenia", "code": "AM"},
+  {"name": "Aruba", "code": "AW"},
+  {"name": "Australia", "code": "AU"},
+  {"name": "Austria", "code": "AT"},
+  {"name": "Azerbaijan", "code": "AZ"},
+  {"name": "Bahamas", "code": "BS"},
+  {"name": "Bahrain", "code": "BH"},
+  {"name": "Bangladesh", "code": "BD"},
+  {"name": "Barbados", "code": "BB"},
+  {"name": "Belarus", "code": "BY"},
+  {"name": "Belgium", "code": "BE"},
+  {"name": "Belize", "code": "BZ"},
+  {"name": "Benin", "code": "BJ"},
+  {"name": "Bermuda", "code": "BM"},
+  {"name": "Bhutan", "code": "BT"},
+  {"name": "Bolivia", "code": "BO"},
+  {"name": "Bosnia and Herzegovina", "code": "BA"},
+  {"name": "Botswana", "code": "BW"},
+  {"name": "Bouvet Island", "code": "BV"},
+  {"name": "Brazil", "code": "BR"},
+  {"name": "British Indian Ocean Territory", "code": "IO"},
+  {"name": "Brunei Darussalam", "code": "BN"},
+  {"name": "Bulgaria", "code": "BG"},
+  {"name": "Burkina Faso", "code": "BF"},
+  {"name": "Burundi", "code": "BI"},
+  {"name": "Cambodia", "code": "KH"},
+  {"name": "Cameroon", "code": "CM"},
+  {"name": "Canada", "code": "CA"},
+  {"name": "Cape Verde", "code": "CV"},
+  {"name": "Cayman Islands", "code": "KY"},
+  {"name": "Central African Republic", "code": "CF"},
+  {"name": "Chad", "code": "TD"},
+  {"name": "Chile", "code": "CL"},
+  {"name": "China", "code": "CN"},
+  {"name": "Christmas Island", "code": "CX"},
+  {"name": "Cocos (Keeling) Islands", "code": "CC"},
+  {"name": "Colombia", "code": "CO"},
+  {"name": "Comoros", "code": "KM"},
+  {"name": "Congo", "code": "CG"},
+  {"name": "Congo, The Democratic Republic of the", "code": "CD"},
+  {"name": "Cook Islands", "code": "CK"},
+  {"name": "Costa Rica", "code": "CR"},
+  {"name": "Cote D'Ivoire", "code": "CI"},
+  {"name": "Croatia", "code": "HR"},
+  {"name": "Cuba", "code": "CU"},
+  {"name": "Cyprus", "code": "CY"},
+  {"name": "Czech Republic", "code": "CZ"},
+  {"name": "Denmark", "code": "DK"},
+  {"name": "Djibouti", "code": "DJ"},
+  {"name": "Dominica", "code": "DM"},
+  {"name": "Dominican Republic", "code": "DO"},
+  {"name": "Ecuador", "code": "EC"},
+  {"name": "Egypt", "code": "EG"},
+  {"name": "El Salvador", "code": "SV"},
+  {"name": "Equatorial Guinea", "code": "GQ"},
+  {"name": "Eritrea", "code": "ER"},
+  {"name": "Estonia", "code": "EE"},
+  {"name": "Ethiopia", "code": "ET"},
+  {"name": "Falkland Islands (Malvinas)", "code": "FK"},
+  {"name": "Faroe Islands", "code": "FO"},
+  {"name": "Fiji", "code": "FJ"},
+  {"name": "Finland", "code": "FI"},
+  {"name": "France", "code": "FR"},
+  {"name": "French Guiana", "code": "GF"},
+  {"name": "French Polynesia", "code": "PF"},
+  {"name": "French Southern Territories", "code": "TF"},
+  {"name": "Gabon", "code": "GA"},
+  {"name": "Gambia", "code": "GM"},
+  {"name": "Georgia", "code": "GE"},
+  {"name": "Germany", "code": "DE"},
+  {"name": "Ghana", "code": "GH"},
+  {"name": "Gibraltar", "code": "GI"},
+  {"name": "Greece", "code": "GR"},
+  {"name": "Greenland", "code": "GL"},
+  {"name": "Grenada", "code": "GD"},
+  {"name": "Guadeloupe", "code": "GP"},
+  {"name": "Guam", "code": "GU"},
+  {"name": "Guatemala", "code": "GT"},
+  {"name": "Guernsey", "code": "GG"},
+  {"name": "Guinea", "code": "GN"},
+  {"name": "Guinea-Bissau", "code": "GW"},
+  {"name": "Guyana", "code": "GY"},
+  {"name": "Haiti", "code": "HT"},
+  {"name": "Heard Island and Mcdonald Islands", "code": "HM"},
+  {"name": "Holy See (Vatican City State)", "code": "VA"},
+  {"name": "Honduras", "code": "HN"},
+  {"name": "Hong Kong", "code": "HK"},
+  {"name": "Hungary", "code": "HU"},
+  {"name": "Iceland", "code": "IS"},
+  {"name": "India", "code": "IN"},
+  {"name": "Indonesia", "code": "ID"},
+  {"name": "Iran, Islamic Republic Of", "code": "IR"},
+  {"name": "Iraq", "code": "IQ"},
+  {"name": "Ireland", "code": "IE"},
+  {"name": "Isle of Man", "code": "IM"},
+  {"name": "Israel", "code": "IL"},
+  {"name": "Italy", "code": "IT"},
+  {"name": "Jamaica", "code": "JM"},
+  {"name": "Japan", "code": "JP"},
+  {"name": "Jersey", "code": "JE"},
+  {"name": "Jordan", "code": "JO"},
+  {"name": "Kazakhstan", "code": "KZ"},
+  {"name": "Kenya", "code": "KE"},
+  {"name": "Kiribati", "code": "KI"},
+  {"name": "Korea, Democratic People's Republic of", "code": "KP"},
+  {"name": "Korea, Republic of", "code": "KR"},
+  {"name": "Kuwait", "code": "KW"},
+  {"name": "Kyrgyzstan", "code": "KG"},
+  {"name": "Lao People's Democratic Republic", "code": "LA"},
+  {"name": "Latvia", "code": "LV"},
+  {"name": "Lebanon", "code": "LB"},
+  {"name": "Lesotho", "code": "LS"},
+  {"name": "Liberia", "code": "LR"},
+  {"name": "Libyan Arab Jamahiriya", "code": "LY"},
+  {"name": "Liechtenstein", "code": "LI"},
+  {"name": "Lithuania", "code": "LT"},
+  {"name": "Luxembourg", "code": "LU"},
+  {"name": "Macao", "code": "MO"},
+  {"name": "Macedonia, The Former Yugoslav Republic of", "code": "MK"},
+  {"name": "Madagascar", "code": "MG"},
+  {"name": "Malawi", "code": "MW"},
+  {"name": "Malaysia", "code": "MY"},
+  {"name": "Maldives", "code": "MV"},
+  {"name": "Mali", "code": "ML"},
+  {"name": "Malta", "code": "MT"},
+  {"name": "Marshall Islands", "code": "MH"},
+  {"name": "Martinique", "code": "MQ"},
+  {"name": "Mauritania", "code": "MR"},
+  {"name": "Mauritius", "code": "MU"},
+  {"name": "Mayotte", "code": "YT"},
+  {"name": "Mexico", "code": "MX"},
+  {"name": "Micronesia, Federated States of", "code": "FM"},
+  {"name": "Moldova, Republic of", "code": "MD"},
+  {"name": "Monaco", "code": "MC"},
+  {"name": "Mongolia", "code": "MN"},
+  {"name": "Montserrat", "code": "MS"},
+  {"name": "Morocco", "code": "MA"},
+  {"name": "Mozambique", "code": "MZ"},
+  {"name": "Myanmar", "code": "MM"},
+  {"name": "Namibia", "code": "NA"},
+  {"name": "Nauru", "code": "NR"},
+  {"name": "Nepal", "code": "NP"},
+  {"name": "Netherlands", "code": "NL"},
+  {"name": "Netherlands Antilles", "code": "AN"},
+  {"name": "New Caledonia", "code": "NC"},
+  {"name": "New Zealand", "code": "NZ"},
+  {"name": "Nicaragua", "code": "NI"},
+  {"name": "Niger", "code": "NE"},
+  {"name": "Nigeria", "code": "NG"},
+  {"name": "Niue", "code": "NU"},
+  {"name": "Norfolk Island", "code": "NF"},
+  {"name": "Northern Mariana Islands", "code": "MP"},
+  {"name": "Norway", "code": "NO"},
+  {"name": "Oman", "code": "OM"},
+  {"name": "Pakistan", "code": "PK"},
+  {"name": "Palau", "code": "PW"},
+  {"name": "Palestinian Territory, Occupied", "code": "PS"},
+  {"name": "Panama", "code": "PA"},
+  {"name": "Papua New Guinea", "code": "PG"},
+  {"name": "Paraguay", "code": "PY"},
+  {"name": "Peru", "code": "PE"},
+  {"name": "Philippines", "code": "PH"},
+  {"name": "Pitcairn", "code": "PN"},
+  {"name": "Poland", "code": "PL"},
+  {"name": "Portugal", "code": "PT"},
+  {"name": "Puerto Rico", "code": "PR"},
+  {"name": "Qatar", "code": "QA"},
+  {"name": "Reunion", "code": "RE"},
+  {"name": "Romania", "code": "RO"},
+  {"name": "Russian Federation", "code": "RU"},
+  {"name": "RWANDA", "code": "RW"},
+  {"name": "Saint Helena", "code": "SH"},
+  {"name": "Saint Kitts and Nevis", "code": "KN"},
+  {"name": "Saint Lucia", "code": "LC"},
+  {"name": "Saint Pierre and Miquelon", "code": "PM"},
+  {"name": "Saint Vincent and the Grenadines", "code": "VC"},
+  {"name": "Samoa", "code": "WS"},
+  {"name": "San Marino", "code": "SM"},
+  {"name": "Sao Tome and Principe", "code": "ST"},
+  {"name": "Saudi Arabia", "code": "SA"},
+  {"name": "Senegal", "code": "SN"},
+  {"name": "Serbia and Montenegro", "code": "CS"},
+  {"name": "Seychelles", "code": "SC"},
+  {"name": "Sierra Leone", "code": "SL"},
+  {"name": "Singapore", "code": "SG"},
+  {"name": "Slovakia", "code": "SK"},
+  {"name": "Slovenia", "code": "SI"},
+  {"name": "Solomon Islands", "code": "SB"},
+  {"name": "Somalia", "code": "SO"},
+  {"name": "South Africa", "code": "ZA"},
+  {"name": "South Georgia and the South Sandwich Islands", "code": "GS"},
+  {"name": "Spain", "code": "ES"},
+  {"name": "Sri Lanka", "code": "LK"},
+  {"name": "Sudan", "code": "SD"},
+  {"name": "Suriname", "code": "SR"},
+  {"name": "Svalbard and Jan Mayen", "code": "SJ"},
+  {"name": "Swaziland", "code": "SZ"},
+  {"name": "Sweden", "code": "SE"},
+  {"name": "Switzerland", "code": "CH"},
+  {"name": "Syrian Arab Republic", "code": "SY"},
+  {"name": "Taiwan, Province of China", "code": "TW"},
+  {"name": "Tajikistan", "code": "TJ"},
+  {"name": "Tanzania, United Republic of", "code": "TZ"},
+  {"name": "Thailand", "code": "TH"},
+  {"name": "Timor-Leste", "code": "TL"},
+  {"name": "Togo", "code": "TG"},
+  {"name": "Tokelau", "code": "TK"},
+  {"name": "Tonga", "code": "TO"},
+  {"name": "Trinidad and Tobago", "code": "TT"},
+  {"name": "Tunisia", "code": "TN"},
+  {"name": "Turkey", "code": "TR"},
+  {"name": "Turkmenistan", "code": "TM"},
+  {"name": "Turks and Caicos Islands", "code": "TC"},
+  {"name": "Tuvalu", "code": "TV"},
+  {"name": "Uganda", "code": "UG"},
+  {"name": "Ukraine", "code": "UA"},
+  {"name": "United Arab Emirates", "code": "AE"},
+  {"name": "United Kingdom", "code": "GB"},
+  {"name": "United States", "code": "US"},
+  {"name": "United States Minor Outlying Islands", "code": "UM"},
+  {"name": "Uruguay", "code": "UY"},
+  {"name": "Uzbekistan", "code": "UZ"},
+  {"name": "Vanuatu", "code": "VU"},
+  {"name": "Venezuela", "code": "VE"},
+  {"name": "Viet Nam", "code": "VN"},
+  {"name": "Virgin Islands, British", "code": "VG"},
+  {"name": "Virgin Islands, U.S.", "code": "VI"},
+  {"name": "Wallis and Futuna", "code": "WF"},
+  {"name": "Western Sahara", "code": "EH"},
+  {"name": "Yemen", "code": "YE"},
+  {"name": "Zambia", "code": "ZM"},
+  {"name": "Zimbabwe", "code": "ZW"}
+]