feat(notched-outline): Synchronise with mdc-web v0.33.0 (add component)

components/notched-outline/NotchedOutline.vue

@@ -0,0 +1,29 @@
+<script>
+import { MDCNotchedOutline } from '@material/notched-outline'
+
+import themeClassMixin from '../base/themeClassMixin.js'
+
+export default {
+  functional: true,
+  mixins: [themeClassMixin],
+  data () {
+    return {
+      mdcNotchedOutline: null
+    }
+  },
+  mounted () {
+    this.mdcNotchedOutline = MDCNotchedOutline.attachTo(this.$el)
+  },
+  render (h) {
+    return [
+      h('div', {'class': 'mdc-notched-outline'},
+        [
+          h('svg', [
+            h('path', {'class': 'mdc-notched-outline__path'})
+          ])
+        ]
+      ),
+      h('div', {'class': 'mdc-notched-outline__idle'})]
+  }
+}
+</script>

components/notched-outline/README.md

@@ -0,0 +1,13 @@
+## NotchedOutline
+
+### Markup
+
+```html
+<m-textfield
+  outlined
+  id="outlined">
+  <m-floating-label for="outlined">Outlined</m-floating-label>
+  <m-notched-outline />
+</m-textfield>
+```
+

components/notched-outline/index.js

@@ -0,0 +1,13 @@
+import NotchedOutline from './NotchedOutline.vue'
+import './styles.scss'
+
+import { initPlugin } from '../'
+
+const plugin = {
+  install (vm) {
+    vm.component('m-notched-outline', NotchedOutline)
+  }
+}
+export default plugin
+
+initPlugin(plugin)

components/notched-outline/styles.scss

@@ -0,0 +1 @@
+@import "@material/notched-outline/mdc-notched-outline";

webpack.config.lib.common.js

@@ -27,6 +27,7 @@ module.exports = {
     'line-ripple': path.resolve(components + '/line-ripple/index.js'),
     list: path.resolve(components + '/list/index.js'),
     menu: path.resolve(components + '/menu/index.js'),
+    'notched-outline': path.resolve(components + '/notched-outline/index.js'),
     radio: path.resolve(components + '/radio/index.js'),
     ripple: path.resolve(components + '/ripple/index.js'),
     select: path.resolve(components + '/select/index.js'),