node-projects
diff --git a/‎lib/css/dock-manager-context-menu.css
+19 b/‎lib/css/dock-manager-context-menu.css
+19
diff --git a/‎lib/es5/dock-spawn-ts.js
+1-1 b/‎lib/es5/dock-spawn-ts.js
+1-1
diff --git a/‎lib/js/PanelContainer.js
+4-1 b/‎lib/js/PanelContainer.js
+4-1
diff --git a/‎lib/js/PanelContainer.js.map
+1-1 b/‎lib/js/PanelContainer.js.map
+1-1
diff --git a/‎package.json
+1-1 b/‎package.json
+1-1
diff --git a/‎page/demo/demo_webcomponent.html
+3-2 b/‎page/demo/demo_webcomponent.html
+3-2
diff --git a/‎src/PanelContainer.ts
+4-1 b/‎src/PanelContainer.ts
+4-1
@@ -0,0 +1,19 @@
+.dockspab-tab-handle-context-menu {
+	position: absolute;
+	z-index: 10000000;
+	background-color: white;
+	border: white;
+	border: black solid 2px;
+	padding: 5px;
+}
+
+.dockspab-tab-handle-context-menu>div {
+	cursor: pointer;
+	padding: 2px;
+}
+
+.dockspab-tab-handle-context-menu>div:hover {
+	background-color: gray;
+	cursor: pointer;
+	padding: 2px;
+}
@@ -1,6 +1,6 @@
 {
   "name": "dock-spawn-ts",
-  "version": "2.530.0",
+  "version": "2.531.0",
   "description": "DockSpawn Typescript Version",
   "license": "MIT",
   "author": "[email protected]",
 
@@ -6,6 +6,7 @@
     <script type="module">
         import { DockSpawnTsWebcomponent } from "../../lib/js/webcomponent/DockSpawnTsWebcomponent.js";
     </script>
+    <link rel="stylesheet" href="../../lib/css/dock-manager-context-menu.css">
 </head>
 
 <body style="width: 100%; height: 100%; margin: 0;">
@@ -14,8 +15,8 @@
     </div>
 
     <dock-spawn-ts id="dock_div" style="height:calc(100% - 40px); width: 100%; position: absolute; left: 0; top: 40px;">
-        <div id="edt1" data-panel-caption="Steering.h" style="background: lightcoral; width: 100%; height: 100%; display: none;"></div>
-        <div id="edt2" data-panel-caption="Steering.cpp" style="background: lightgoldenrodyellow; width: 100%; height: 100%; display: none;"></div>
+        <div id="edt1" dock-spawn-panel-type="document" data-panel-caption="Steering.h" style="background: lightcoral; width: 100%; height: 100%; display: none;"></div>
+        <div id="edt2" dock-spawn-panel-type="document" data-panel-caption="Steering.cpp" style="background: lightgoldenrodyellow; width: 100%; height: 100%; display: none;"></div>
         <div id="t1" dock-spawn-dock-type="left" dock-spawn-dock-ratio="0.25">abcd</div>
         <div id="t2" dock-spawn-dock-type="right" dock-spawn-dock-ratio="0.25">def</div>
         <div id="t3" dock-spawn-dock-type="down" dock-spawn-dock-ratio="0.5" dock-spawn-dock-to="t2">ghi</div>
 
@@ -457,7 +457,10 @@ export class PanelContainer implements IDockContainerWithSize {
     }
 
     undockToBrowserDialog() {
-        moveElementToNewBrowserWindow(this.elementContent, {
+        let el: HTMLElement = this.elementContent;
+        if (el instanceof HTMLSlotElement)
+            el = <HTMLElement>el.assignedElements()[0]
+        moveElementToNewBrowserWindow(el, {
             title: '',
             closeCallback: () => { },
             newWindowClosedCallback: () => { },
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "dock-spawn-ts",`
`3`		`- "version": "2.530.0",`
	`3`	`+ "version": "2.531.0",`
`4`	`4`	`"description": "DockSpawn Typescript Version",`
`5`	`5`	`"license": "MIT",`
`6`	`6`	`"author": "[email protected]",`