Merge branch 'release/latest'

Author: nmetulev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/mgt",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "The Microsoft Graph Toolkit",
   "keywords": [
     "microsoft graph",

src/components/mgt-person/mgt-person.ts

@@ -748,8 +748,7 @@ export class MgtPerson extends MgtTemplatedComponent {
     if (!initials && person.displayName) {
       const name = person.displayName.split(/\s+/);
       for (let i = 0; i < 2 && i < name.length; i++) {
-        if (name[i][0] && name[i][0].match(/\p{L}/gu)) {
-          // check if letter
+        if (name[i][0] && this.isLetter(name[i][0])) {
           initials += name[i][0].toUpperCase();
         }
       }
@@ -758,6 +757,14 @@ export class MgtPerson extends MgtTemplatedComponent {
     return initials;
   }
 
+  private isLetter(char: string) {
+    try {
+      return char.match(new RegExp('\\p{L}', 'u'));
+    } catch (e) {
+      return char.toLowerCase() !== char.toUpperCase();
+    }
+  }
+
   private handleMouseClick(e: MouseEvent) {
     if (this.personCardInteraction === PersonCardInteraction.click) {
       this.showPersonCard();

src/components/templateHelper.ts

@@ -50,7 +50,7 @@ export class TemplateHelper {
       const div = document.createElement('div');
       // tslint:disable-next-line: prefer-for-of
       for (let i = 0; i < template.childNodes.length; i++) {
-        div.appendChild(template.childNodes[i].cloneNode(true));
+        div.appendChild(this.simpleCloneNode(template.childNodes[i]));
       }
       rendered = this.renderNode(div, root, context, additionalContext);
     }
@@ -62,6 +62,26 @@ export class TemplateHelper {
 
   private static _expression = /{{+\s*[$\w\.()\[\]]+\s*}}+/g;
 
+  // simple implementation of deep cloneNode
+  // required for nested templates in polyfilled browsers
+  private static simpleCloneNode(node: ChildNode) {
+    if (!node) {
+      return null;
+    }
+
+    const clone = node.cloneNode(false);
+
+    // tslint:disable-next-line:prefer-for-of
+    for (let i = 0; i < node.childNodes.length; i++) {
+      const childClone = this.simpleCloneNode(node.childNodes[i]);
+      if (childClone) {
+        clone.appendChild(childClone);
+      }
+    }
+
+    return clone;
+  }
+
   private static expandExpressionsAsString(str: string, context: object, additionalContext: object) {
     return str.replace(this._expression, match => {
       const value = this.evalInContext(this.trimExpression(match), { ...context, ...additionalContext });

src/utils/version.ts

@@ -8,4 +8,4 @@
 // THIS FILE IS AUTO GENERATED
 // ANY CHANGES WILL BE LOST DURING BUILD
 
-export const PACKAGE_VERSION = '1.2.4';
+export const PACKAGE_VERSION = '1.2.5';