chore(*): Apply review comments.

Author: MayaKirova

projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html

@@ -278,6 +278,6 @@
 }
 
  <!-- Lifecycle placeholder used to determine when the grid gets connected/disconnected from the DOM, for example as a result of virtualization or caching. -->
-<igc-hgrid-lifecycle-placeholder (igcConnected)="onLifecyclePlaceholderConnected()"
+<igc-lifecycle-placeholder (igcConnected)="onLifecyclePlaceholderConnected()"
     (igcDisconnected)="onLifecyclePlaceholderDisconnected()">
-</igc-hgrid-lifecycle-placeholder>
+</igc-lifecycle-placeholder>

projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.ts

@@ -36,9 +36,9 @@ import { IgxIconComponent } from 'igniteui-angular/icon';
 import { EntityType, FieldType, IFilteringExpressionsTree, IgxActionStripToken, IgxOverlayOutletDirective, flatten, IGridResourceStrings } from 'igniteui-angular/core';
 import { IgxPaginatorToken } from 'igniteui-angular/paginator';
 import { IgxGridCellMergePipe, IgxGridComponent, IgxGridFilteringPipe, IgxGridSortingPipe, IgxGridUnmergeActivePipe } from 'igniteui-angular/grids/grid';
+import { registerLifecyclePlaceholderElement } from './lifecycle-placeholder-element';
 
 let NEXT_ID = 0;
-const HGRID_LIFECYCLE_PLACEHOLDER_TAG = 'igc-hgrid-lifecycle-placeholder';
 
 /**
  * @hidden @internal
@@ -663,7 +663,9 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirecti
      * @hidden
      */
     public override ngOnInit() {
-        this.registerLifecyclePlaceholderElement();
+        if (this.platform.isBrowser) {
+            registerLifecyclePlaceholderElement();
+        }
         // this.expansionStatesChange.pipe(takeUntil(this.destroy$)).subscribe((value: Map<any, boolean>) => {
         //     const res = Array.from(value.entries()).filter(({1: v}) => v === true).map(([k]) => k);
         // });
@@ -742,24 +744,6 @@ export class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirecti
             this.parentIsland.showExpandAll : this.rootGrid.showExpandAll;
     }
 
-    private registerLifecyclePlaceholderElement(): void {
-        if (!this.platform.isBrowser || typeof customElements === 'undefined' || customElements.get(HGRID_LIFECYCLE_PLACEHOLDER_TAG)) {
-            return;
-        }
-
-        class IgxHierarchicalGridLifecyclePlaceholderElement extends HTMLElement {
-            public connectedCallback(): void {
-                this.dispatchEvent(new CustomEvent('igcConnected', { bubbles: true, composed: true }));
-            }
-
-            public disconnectedCallback(): void {
-                this.dispatchEvent(new CustomEvent('igcDisconnected', { bubbles: true, composed: true }));
-            }
-        }
-
-        customElements.define(HGRID_LIFECYCLE_PLACEHOLDER_TAG, IgxHierarchicalGridLifecyclePlaceholderElement);
-    }
-
     /**
      * @hidden
      */

projects/igniteui-angular/grids/hierarchical-grid/src/lifecycle-placeholder-element.ts

@@ -0,0 +1,23 @@
+const LIFECYCLE_PLACEHOLDER_TAG = 'igc-lifecycle-placeholder';
+const LIFECYCLE_CONNECTED_EVENT = 'igcConnected';
+const LIFECYCLE_DISCONNECTED_EVENT = 'igcDisconnected';
+
+/** @hidden @internal */
+export function registerLifecyclePlaceholderElement(): void {
+    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined' ||
+        typeof CustomEvent === 'undefined' || customElements.get(LIFECYCLE_PLACEHOLDER_TAG)) {
+        return;
+    }
+
+    class LifecyclePlaceholderElement extends HTMLElement {
+        public connectedCallback(): void {
+            this.dispatchEvent(new CustomEvent(LIFECYCLE_CONNECTED_EVENT));
+        }
+
+        public disconnectedCallback(): void {
+            this.dispatchEvent(new CustomEvent(LIFECYCLE_DISCONNECTED_EVENT));
+        }
+    }
+
+    customElements.define(LIFECYCLE_PLACEHOLDER_TAG, LifecyclePlaceholderElement);
+}