Release v0.0.123

Author: github-actions[bot]

dist/index.js

@@ -48538,7 +48538,7 @@ var SchemaDesigner = class {
   configureMxOutline() {
     this._outlineContainer = document.createElement("div");
     this._outlineContainer.classList.add("sd-outline");
-    this.container.appendChild(this._outlineContainer);
+    this.container.parentElement.appendChild(this._outlineContainer);
     this.mxOutline = new mxGraphFactory.mxOutline(this.mxGraph, this._outlineContainer);
   }
   /**
@@ -48547,7 +48547,6 @@ var SchemaDesigner = class {
   initializeToolbar() {
     const toolbarBelt = document.createElement("div");
     toolbarBelt.classList.add("sd-toolbar-belt");
-    this.container.parentElement.appendChild(toolbarBelt);
     this.toolbar = new SchemaDesignerToolbar(toolbarBelt, this.mxGraph, this.config);
     if (this.config.isEditable) {
       this.toolbar.addButton(
@@ -48656,6 +48655,8 @@ var SchemaDesigner = class {
     }
     if (this.config.showToolbar === false) {
       toolbarBelt.style.display = "none";
+    } else {
+      this.container.parentElement.appendChild(toolbarBelt);
     }
   }
   /**

dist/index.js.map

@@ -455,7 +455,7 @@ class SchemaDesigner {
     configureMxOutline() {
         this._outlineContainer = document.createElement("div");
         this._outlineContainer.classList.add("sd-outline");
-        this.container.appendChild(this._outlineContainer);
+        this.container.parentElement.appendChild(this._outlineContainer);
         this.mxOutline = new mx_1.mxGraphFactory.mxOutline(this.mxGraph, this._outlineContainer);
     }
     /**
@@ -464,7 +464,6 @@ class SchemaDesigner {
     initializeToolbar() {
         const toolbarBelt = document.createElement("div");
         toolbarBelt.classList.add("sd-toolbar-belt");
-        this.container.parentElement.appendChild(toolbarBelt);
         this.toolbar = new schemaDesignerToolbar_1.SchemaDesignerToolbar(toolbarBelt, this.mxGraph, this.config);
         if (this.config.isEditable) {
             this.toolbar.addButton(this.config.icons.addTableIcon, "Add Table", () => {
@@ -534,6 +533,9 @@ class SchemaDesigner {
         if (this.config.showToolbar === false) {
             toolbarBelt.style.display = "none";
         }
+        else {
+            this.container.parentElement.appendChild(toolbarBelt);
+        }
     }
     /**
      * Zoom in the schema designer

dist/src/ts/schemaDesigner/schemaDesigner.js

@@ -1,7 +1,7 @@
 {
   "name": "azdataGraph",
   "description": "azdataGraph is a derivative of mxGraph, which is a fully client side JavaScript diagramming library that uses SVG and HTML for rendering.",
-  "version": "0.0.122",
+  "version": "0.0.123",
   "homepage": "https://github.com/microsoft/azdataGraph",
   "author": "Microsoft",
   "license": "Apache-2.0",

dist/tsconfig.tsbuildinfo

@@ -498,7 +498,7 @@ export class SchemaDesigner {
     private configureMxOutline() {
         this._outlineContainer = document.createElement("div");
         this._outlineContainer.classList.add("sd-outline");
-        this.container.appendChild(this._outlineContainer);
+        (this.container.parentElement as HTMLElement).appendChild(this._outlineContainer);
         this.mxOutline = new mx.mxOutline(this.mxGraph, this._outlineContainer);
     }
 
@@ -508,7 +508,6 @@ export class SchemaDesigner {
     private initializeToolbar() {
         const toolbarBelt = document.createElement("div");
         toolbarBelt.classList.add("sd-toolbar-belt");
-        (this.container.parentElement as HTMLElement).appendChild(toolbarBelt);
         this.toolbar = new SchemaDesignerToolbar(toolbarBelt, this.mxGraph, this.config);
         if (this.config.isEditable) {
             this.toolbar.addButton(
@@ -626,6 +625,8 @@ export class SchemaDesigner {
 
         if (this.config.showToolbar === false) {
             toolbarBelt.style.display = "none";
+        } else {
+            (this.container.parentElement as HTMLElement).appendChild(toolbarBelt);
         }
     }