feat(md-chips): add first attempt on chip editor

src/chip/chips.js

@@ -0,0 +1,40 @@
+import {bindable, customAttribute} from 'aurelia-templating';
+import {inject} from 'aurelia-dependency-injection';
+import {getLogger} from 'aurelia-logging';
+
+@customAttribute('md-chips')
+@inject(Element)
+export class MdChips {
+  @bindable() data = [];
+  @bindable() placeholder = '';
+  @bindable() secondaryPlaceholder = '';
+
+  constructor(element) {
+    this.element = element;
+    this.log = getLogger('md-chips');
+
+    this.onChipAdd = this.onChipAdd.bind(this);
+    this.onChipDelete = this.onChipDelete.bind(this);
+    this.onChipSelect = this.onChipSelect.bind(this);
+  }
+
+  attached() {
+    let options = {
+      data: this.data,
+      placeholder: this.placeholder,
+      secondaryPlaceholder: this.secondaryPlaceholder
+    };
+    $(this.element).material_chip(options);
+    $(this.element).on('chip.add', this.onChipAdd);
+    $(this.element).on('chip.delete', this.onChipDelete);
+    $(this.element).on('chip.select', this.onChipSelect);
+  }
+
+  detached() {
+    //
+  }
+
+  onChipAdd(e, chip) { }
+  onChipDelete(e, chip) { }
+  onChipSelect(e, chip) {}
+}

src/config-builder.js

@@ -90,6 +90,7 @@ export class ConfigBuilder {
 
   useChip(): ConfigBuilder {
     this.globalResources.push('./chip/chip');
+    this.globalResources.push('./chip/chips');
     return this;
   }