From d60fdb2a1f9039db28b85e0f8a025e84beb05e98 Mon Sep 17 00:00:00 2001
From: stasson <sebastien.tasson@gmail.com>
Date: Tue, 5 Jun 2018 09:05:46 +0200
Subject: [PATCH] fix(chips): refactor foundation as per MDCWeb 0.16.0

---
 components/chips/mdc-chip-set.vue | 27 ++++-----------------------
 components/chips/mdc-chip.vue     |  9 +++++----
 2 files changed, 9 insertions(+), 27 deletions(-)

diff --git a/components/chips/mdc-chip-set.vue b/components/chips/mdc-chip-set.vue
index b8804ecd..6ed3cb88 100644
--- a/components/chips/mdc-chip-set.vue
+++ b/components/chips/mdc-chip-set.vue
@@ -1,6 +1,6 @@
 <template>
-  <div 
-    :class="classes" 
+  <div
+    :class="classes"
     v-on="$listeners">
     <slot/>
   </div>
@@ -8,7 +8,6 @@
 
 <script>
 import MDCChipSetFoundation from '@material/chips/chip-set/foundation'
-import MDCChipFoundation from '@material/chips/chip/foundation'
 export default {
   name: 'mdc-chip-set',
   props: {
@@ -38,27 +37,9 @@ export default {
       deregisterInteractionHandler: (evtType, handler) => {
         this.$el.removeEventListener(evtType, handler)
       },
-      appendChip: (text, leadingIcon, trailingIcon) => {
-        const chipTextEl = document.createElement('div')
-        chipTextEl.classList.add(MDCChipFoundation.cssClasses.TEXT)
-        chipTextEl.appendChild(document.createTextNode(text))
-
-        const chipEl = document.createElement('div')
-        chipEl.classList.add(MDCChipFoundation.cssClasses.CHIP)
-        if (leadingIcon) {
-          chipEl.appendChild(leadingIcon)
-        }
-        chipEl.appendChild(chipTextEl)
-        if (trailingIcon) {
-          chipEl.appendChild(trailingIcon)
-        }
-        this.root_.appendChild(chipEl)
-        return chipEl
-      },
       removeChip: chip => {
-        const index = this.chips.indexOf(chip)
-        this.chips.splice(index, 1)
-        chip.remove()
+        // TODO: may need refactoring
+        this.$nextTick(() => chip.$destroy())
       }
     })
 
diff --git a/components/chips/mdc-chip.vue b/components/chips/mdc-chip.vue
index fe93a24b..2603ba5f 100644
--- a/components/chips/mdc-chip.vue
+++ b/components/chips/mdc-chip.vue
@@ -121,7 +121,6 @@ export default {
         )
       },
       notifyTrailingIconInteraction: () => {
-        this.$emit('trailingIconClick')
         emitCustomEvent(
           this.$el,
           MDCChipFoundation.strings.TRAILING_ICON_INTERACTION_EVENT,
@@ -150,12 +149,14 @@ export default {
           )
         }
       },
-      notifyRemoval: () =>
-        this.emit(
+      notifyRemoval: () => {
+        emitCustomEvent(
+          this.$el,
           MDCChipFoundation.strings.REMOVAL_EVENT,
           { chip: this },
           true
-        ),
+        )
+      },
       getComputedStyleValue: propertyName =>
         window.getComputedStyle(this.$el).getPropertyValue(propertyName),
       setStyleProperty: (property, value) =>