Add support for HTMLElements in raw.text TemplateStrings

Raw.cover.tsx

@@ -136,12 +136,21 @@ namespace Cover
  function blue(text: string) { return "<b>" + text + "</b>"; }
  function red(text: string) { return "<r>" + text + "</r>"; }
 
- const x = raw.text`
+ raw.text`
  We need a new ${blue("media channel")} where you can
  have your ${blue("cake")} and ${red("eat")} it ${red("too")}.
  `;
 
- console.log(x);
+ function br()
+ {
+ return raw.br();
+ }
+
+ const text = raw.text`
+ Here is some text. And a line break ${br()}
+ `;
+
+ debugger;
  }
 
  //@ts-ignore

Raw.ts

@@ -312,12 +312,19 @@ class Raw extends (() => Object as any as RawElements)()
  * A function that creates a new DOM Text node, but which may be overridden
  * in the constructor to return a different but compatible value.
  */
- text(template: TemplateStringsArray, ...placeholders: string[]): Text
- text(string: string): Text
- text(a: TemplateStringsArray | string, ...b: string[])
+ text(template: TemplateStringsArray, ...placeholders: (string | HTMLElement)[]): (Text | HTMLElement)[];
+ text(string: string): Text;
+ text(a: TemplateStringsArray | string, ...b: string[]): any
  {
- const text = typeof a === "string" ? a : a.map((value, i) => value + (i < a.length - 1 ? b[i] : "")).join("");
- return this.doc.createTextNode(text);
+ if (typeof a === "string")
+ return this.doc.createTextNode(a);
+
+ const nodes: (string | HTMLElement)[] = [];
+ for (let i = -1; ++i < b.length;)
+ nodes.push(a[i], b[i])
+
+ nodes.push(a[a.length - 1]);
+ return nodes.map(n => typeof n === "string" ? this.doc.createTextNode(n) : n);
  }
 
  /**