Cleaned up DropdownMenu.

dropdown-menu.js

@@ -6,19 +6,8 @@ class DropdownMenu extends IgniteElement {
         super();
     }
 
-    get properties() {
-        return {
-            button: null,
-            buttonClass: "btn",
-            placement: "right",
-            alignment: "none",
-            minWidth: null,
-            marginTop: null,
-        };
-    }
-
     get styles() {
-        return `
+        return /*css*/`
             bt-dropdown-menu {
                 position: relative;
             }
@@ -39,18 +28,32 @@ class DropdownMenu extends IgniteElement {
         `;
     }
 
+    get properties() {
+        return {
+            button: null,
+            buttonClass: "btn",
+            showButton: true,
+            placement: "right",
+            alignment: "none",
+            minWidth: null,
+            marginTop: null
+        };
+    }
+
     render() {
         return this.template.child(
             new div().class(this.alignment, value => "alignment-" + value).child(
-                new button().class(this.buttonClass).data("toggle", "dropdown").child(this.button),
+                new button()
+                    .class(this.buttonClass)
+                    .data("toggle", "dropdown")
+                    .show(this.showButton)
+                    .child(this.button),
                 new ul()
                     .class("dropdown-menu")
                     .class(this.placement, value => `dropdown-menu-${value}`)
                     .style("min-width", this.minWidth, "important", value => value ? value : "unset")
                     .style("margin-top", this.marginTop)
-                    .child(
+                    .child(new slot(this))
-                        new slot(this)
-                    )
             )
         );
     }