Additional componets

Author: kmmbvnr

gulpfile.babel.js

@@ -60,9 +60,13 @@ gulp.task('3rdparty.css', () => {
 gulp.task('components.js', () => {
   var deps = [
     './node_modules/@webcomponents/custom-elements/src/native-shim.js',
+    './material/components/collapsible/index.js',
+    './material/components/dropdown/index.js',
     './material/components/datatable/index.js',
     './material/components/datetime/index.js',
     './material/components/form/index.js',
+    './material/components/modal/index.js',
+    './material/components/perfectScrollbar/index.js',
     './material/components/select/index.js',
     './material/components/sidenav/index.js',
     './material/components/snackbar/index.js',

material/components/collapsible/index.js

@@ -0,0 +1,17 @@
+class Collapsible extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    $(this).find('.collapsible').collapsible();
+  }
+
+  disconnectedCallback() {
+    $(this).find('.collapsible').collapsible('destroy');
+  }
+}
+
+window.addEventListener('load', () => {
+  window.customElements.define('dmc-collapsible', Collapsible);
+});

material/components/dropdown/index.js

@@ -0,0 +1,17 @@
+class Dropdown extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    $(this).find('.dropdown-button').dropdown();
+  }
+
+  disconnectedCallback() {
+    $(this).find('.dropdown-button').dropdown('destroy');
+  }
+}
+
+window.addEventListener('load', () => {
+  window.customElements.define('dmc-dropdown', Dropdown);
+});

material/components/modal/index.js

@@ -0,0 +1,17 @@
+class Modal extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    $(this).find('.modal').modal({preventScrolling: false})
+  }
+
+  disconnectedCallback() {
+    $(this).find('.modal').modal('destroy');
+  }
+}
+
+window.addEventListener('load', () => {
+  window.customElements.define('dmc-dropdown', Modal);
+});

material/components/perfectScrollbar/index.js

@@ -0,0 +1,17 @@
+class PerfectScrollbar extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    $(this).parent().perfectScrollbar()
+  }
+
+  disconnectedCallback() {
+    $(this).parent().perfectScrollbar('destroy');
+  }
+}
+
+window.addEventListener('load', () => {
+  window.customElements.define('dmc-scrollbar', PerfectScrollbar);
+});