#se-menu main menu icon set changes

src/editor/components/seMenu.js

@@ -2,7 +2,6 @@
 import 'elix/define/MenuButton.js';
 import 'elix/define/MenuItem.js';
 
-
 const template = document.createElement('template');
 template.innerHTML = `
   <style>
@@ -13,7 +12,7 @@ template.innerHTML = `
     background-color: #eee !important;
   }
   elix-menu-button::part(popup-toggle) {
-    padding: 0.40em 1.75em !important;
+    padding: 0.25em 0.60em !important
   }
   </style>
   
@@ -42,7 +41,7 @@ export class SeMenu extends HTMLElement {
    * @returns {any} observed
    */
   static get observedAttributes () {
-    return ['label'];
+    return ['label', 'src'];
   }
 
   /**
@@ -53,8 +52,15 @@ export class SeMenu extends HTMLElement {
    * @returns {void}
    */
   attributeChangedCallback (name, oldValue, newValue) {
+    var image = new Image();
     if (oldValue === newValue) return;
     switch (name) {
+    case 'src':
+      image.src = newValue;
+      image.width = 18;
+      image.height = 18;
+      this.$label.prepend(image);
+      break;
     case 'label':
       this.$label.prepend(newValue);
       break;
@@ -79,6 +85,21 @@ export class SeMenu extends HTMLElement {
   set label (value) {
     this.setAttribute('label', value);
   }
+  /**
+   * @function get
+   * @returns {any}
+   */
+  get src () {
+    return this.getAttribute('src');
+  }
+
+  /**
+   * @function set
+   * @returns {void}
+   */
+  set src (value) {
+    this.setAttribute('src', value);
+  }
   /**
    * @function connectedCallback
    * @returns {void}

src/editor/index.html

@@ -74,7 +74,7 @@
         <div id="sidepanel_handle" title="Drag left/right to resize side panel [X]">L a y e r s
         </div>
       </div>
-      <se-menu id="main_button" label="SVG-Edit">
+      <se-menu id="main_button" label="SVG-Edit" src="./images/logo.svg">
         <!-- File-like buttons: New, Save, Source -->
         <se-menu-item id="tool_clear" label="New Image" shortcut="N"></se-menu-item>
         <se-menu-item id="tool_open" label="Open SVG"></se-menu-item>