@@ -58,6 +58,7 @@ class TanStackRouterDevtoolsCore {
58
58
#panelProps: any
59
59
#closeButtonProps: any
60
60
#toggleButtonProps: any
61
+ #containerElement?: string | any
61
62
62
63
#isMounted = false
63
64
#Component: any
@@ -73,6 +74,7 @@ class TanStackRouterDevtoolsCore {
73
74
this . #panelProps = config . panelProps
74
75
this . #closeButtonProps = config . closeButtonProps
75
76
this . #toggleButtonProps = config . toggleButtonProps
77
+ this . #containerElement = config . containerElement
76
78
}
77
79
78
80
mount < T extends HTMLElement > ( el : T ) {
@@ -90,6 +92,7 @@ class TanStackRouterDevtoolsCore {
90
92
const panelProps = this . #panelProps
91
93
const closeButtonProps = this . #closeButtonProps
92
94
const toggleButtonProps = this . #toggleButtonProps
95
+ const containerElement = this . #containerElement
93
96
94
97
let Devtools
95
98
@@ -110,6 +113,7 @@ class TanStackRouterDevtoolsCore {
110
113
panelProps = { panelProps }
111
114
closeButtonProps = { closeButtonProps }
112
115
toggleButtonProps = { toggleButtonProps }
116
+ containerElement = { containerElement }
113
117
/>
114
118
)
115
119
} , el )
@@ -146,6 +150,10 @@ class TanStackRouterDevtoolsCore {
146
150
if ( options . shadowDOMTarget !== undefined ) {
147
151
this . #shadowDOMTarget = options . shadowDOMTarget
148
152
}
153
+
154
+ if ( options . containerElement !== undefined ) {
155
+ this . #containerElement = options . containerElement
156
+ }
149
157
}
150
158
}
151
159
0 commit comments