property for resolved element content

Author: jogibear9988

lib/es5/dock-spawn-ts.js

@@ -26,6 +26,7 @@ export declare class PanelContainer implements IDockContainerWithSize {
         resizeHandler?: any;
         _dockSpawnPanelContainer: PanelContainer;
     };
+    private _resolvedElementContent;
     elementContentContainer: HTMLElement;
     elementContentWrapper: HTMLElement;
     dockManager: DockManager;
@@ -85,6 +86,7 @@ export declare class PanelContainer implements IDockContainerWithSize {
     set width(value: number);
     get height(): number;
     set height(value: number);
+    get resolvedElementContent(): HTMLElement;
     private panelDocked;
     resize(width: number, height: number): void;
     _setPanelDimensions(width: number, height: number): void;

lib/js/PanelContainer.d.ts

@@ -1,6 +1,6 @@
 {
   "name": "dock-spawn-ts",
-  "version": "2.531.0",
+  "version": "2.532.0",
   "description": "DockSpawn Typescript Version",
   "license": "MIT",
   "author": "[email protected]",

lib/js/PanelContainer.js

@@ -29,6 +29,7 @@ export class PanelContainer implements IDockContainerWithSize {
     name: string;
     state: ISize;
     elementContent: HTMLElement & { resizeHandler?: any, _dockSpawnPanelContainer: PanelContainer };
+    private _resolvedElementContent: HTMLElement;
     elementContentContainer: HTMLElement;
     elementContentWrapper: HTMLElement;
     dockManager: DockManager;
@@ -252,6 +253,11 @@ export class PanelContainer implements IDockContainerWithSize {
 
         this.mouseDownHandler = new EventHandler(this.elementPanel, 'mousedown', this.onMouseDown.bind(this));
         this.touchDownHandler = new EventHandler(this.elementPanel, 'touchstart', this.onMouseDown.bind(this), { passive: true });
+
+        this._resolvedElementContent = this.elementContent;
+        if (this.elementContent instanceof HTMLSlotElement) {
+            this._resolvedElementContent = <HTMLElement>this.elementContent.assignedElements()?.[0];
+        }
     }
 
     onMouseDown() {
@@ -348,6 +354,16 @@ export class PanelContainer implements IDockContainerWithSize {
         }
     }
 
+    get resolvedElementContent(): HTMLElement {
+        if (this._resolvedElementContent)
+            return this._resolvedElementContent;
+        this._resolvedElementContent = this.elementContent;
+        if (this.elementContent instanceof HTMLSlotElement) {
+            this._resolvedElementContent = <HTMLElement>this.elementContent.assignedElements()?.[0];
+        }
+        return this._resolvedElementContent;
+    }
+
     private panelDocked() {
         if (this.elementContent.hidden)
             this.elementContent.hidden = false;
@@ -457,10 +473,7 @@ export class PanelContainer implements IDockContainerWithSize {
     }
 
     undockToBrowserDialog() {
-        let el: HTMLElement = this.elementContent;
-        if (el instanceof HTMLSlotElement)
-            el = <HTMLElement>el.assignedElements()[0]
-        moveElementToNewBrowserWindow(el, {
+        moveElementToNewBrowserWindow(this.resolvedElementContent, {
             title: '',
             closeCallback: () => { },
             newWindowClosedCallback: () => { },