Add LayerManager at Editor level

src/editor/index.js

@@ -124,6 +124,12 @@ module.exports = config => {
      */
     DomComponents: em.get('DomComponents'),
 
+    /**
+     * @property {LayerManager}
+     * @private
+     */
+    LayerManager: em.get('LayerManager'),
+
     /**
      * @property {CssComposer}
      * @private

src/navigator/index.js

@@ -24,6 +24,7 @@ module.exports = () => {
       const options = {
         level: 0,
         config,
+        el: config.el,
         opened: config.opened || {}
       };
 
@@ -53,18 +54,11 @@ module.exports = () => {
      * @private
      */
     componentChanged(e, md, opts = {}) {
-      if (opts.fromLayers) {
-        return;
-      }
-
-      const em = config.em;
+      if (opts.fromLayers) return;
       const opened = em.get('opened');
       const model = em.getSelected();
       let parent = model && model.collection ? model.collection.parent : null;
-
-      for (let cid in opened) {
-        opened[cid].set('open', 0);
-      }
+      for (let cid in opened) opened[cid].set('open', 0);
 
       while (parent) {
         parent.set('open', 1);
@@ -73,6 +67,10 @@ module.exports = () => {
       }
     },
 
+    postRender() {
+      console.log('post render navigator', config);
+    },
+
     render() {
       return layers.render().$el;
     }