Update app/angular/src/client/preview/angular-beta/ComputesTemplateFr…

…omComponent.ts Co-authored-by: ThibaudAV <thibaud.avenier@gmail.com>
storybookjs · Jan 9, 2022 · 9d6a750 · 9d6a750
1 parent b7374f8
commit 9d6a750
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/angular/src/client/preview/angular-beta/ComputesTemplateFromComponent.ts b/app/angular/src/client/preview/angular-beta/ComputesTemplateFromComponent.ts
@@ -172,7 +172,14 @@ const buildTemplate = (
     [/([\w[\]]+)(\s*,[\w\s-[\],]+)+/, `$1`],
     [/#([\w-]+)/, ` id="$1"`],
     [/((\.[\w-]+)+)/, (_, c) => ` class="${c.split`.`.join` `.trim()}"`],
-    [/(\[.+?])/g, (_, a) => ` ${a.slice(1, -1)}`],
+[
+      /([\S]+)(.*)/,
+      (template, elementSelector) => {
+        return voidElements.some((element) => elementSelector === element)
+          ? template.replace(/([\S]+)(.*)/, `<$1$2${inputs}${outputs} />`)
+          : template.replace(/([\S]+)(.*)/, `<$1$2${inputs}${outputs}>${innerTemplate}</$1>`);
+      },
+    ],
   ];
 
   const template = templateReplacers.reduce(