run-browser.tsx

@@ -10,15 +10,17 @@ const Configure =
   hash: false
 } as TW.TwindUserConfig;
 
-export const Shadow =(inElement:HTMLElement, inConfig:TW.TwindUserConfig)=>
+export const Shadow =(inElement:HTMLElement, inConfig?:TW.TwindUserConfig)=>
 {
+    const merge = inConfig ? {...Configure, ...inConfig} : Configure;
+
     const ShadowDOM = inElement.attachShadow({ mode: "open" });
     const ShadowDiv = document.createElement("div");
     const ShadowCSS = document.createElement("style");
 
     ShadowDOM.append(ShadowCSS);
     ShadowDOM.append(ShadowDiv);
-    TW.observe(TW.twind(inConfig, TW.cssom(ShadowCSS)), ShadowDiv);
+    TW.observe(TW.twind(merge, TW.cssom(ShadowCSS)), ShadowDiv);
     return ShadowDiv;
 };
 
@@ -38,15 +40,13 @@ export default async(inSelector:string, inModulePath:string, inMemberApp="defaul
 
   const module = await import(inModulePath);
 
-  const merge = inMemberCSS ? {...Configure, ...module[inMemberCSS]} : Configure;
-
   if(inShadow)
   {
-    dom = Shadow(dom as HTMLElement, merge);
+    dom = Shadow(dom as HTMLElement, module[inMemberCSS]);
   }
   else
   {
-    TW.install(merge);
+    TW.install(Configure);
   }
 
   const app = React.createElement(()=> React.createElement(module[inMemberApp], null), null);