fix(elements): column parent blazorAlternateType, QueryBuilderHeader tags (#16876)

Add column parent blazorAlternateType for compatibility with Blazor
Add tags for QueryBuilderHeader so it generates correctly in Blazor.

---------

Co-authored-by: Maya Kirova <MayaKirova@users.noreply.github.com>

Author: mddragnev

projects/igniteui-angular-elements/src/analyzer/elements.config.ts

@@ -836,7 +836,13 @@ export var registerConfig = [
     component: IgxQueryBuilderComponent,
     selector: "igc-query-builder",
     parents: [],
-    contentQueries: [],
+    contentQueries: [
+      {
+        property: "queryBuilderHeaderCollection",
+        childType: IgxQueryBuilderHeaderComponent,
+        isQueryList: true,
+      },
+    ],
     additionalProperties: [],
     methods: ["canCommit", "commit", "discard"],
     templateProps: ["searchValueTemplate"],

projects/igniteui-angular/core/src/data-operations/grid-types.ts

@@ -325,6 +325,7 @@ export interface ColumnType extends FieldType {
      */
     topLevelParent?: ColumnType;
     /* alternateName: parentColumn */
+    /* blazorAlternateType: object */
     /**
      * Optional
      * The immediate parent (right above) column of this column (if any).

projects/igniteui-angular/grids/core/src/columns/column.component.ts

@@ -1795,6 +1795,8 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
     }
 
     /* alternateName: parentColumn */
+    /* blazorAlternateType: object */
+    // We need that because Blazor cannot handle the type correctly.
     /**
      * Sets/gets the parent column.
      * ```typescript

projects/igniteui-angular/query-builder/src/query-builder/query-builder-header.component.ts

@@ -2,8 +2,13 @@ import { Component, DestroyRef, HostBinding, inject, Input } from '@angular/core
 import { IQueryBuilderResourceStrings, QueryBuilderResourceStringsEN } from 'igniteui-angular/core';
 import { getCurrentResourceStrings, onResourceChangeHandle } from 'igniteui-angular/core';
 
-
 /* wcElementTag: igc-query-builder-header */
+/* blazorElement */
+/* jsonAPIManageItemInMarkup */
+/* jsonAPIManageCollectionInMarkup */
+/* blazorIndirectRender */
+/* singleInstanceIdentifier */
+/* contentParent: QueryBuilder */
 /**
 * @igxParent IgxQueryBuilderComponent
 */

projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts

@@ -1,4 +1,4 @@
-import { booleanAttribute, ContentChild, EventEmitter, Output, TemplateRef, inject } from '@angular/core';
+import { booleanAttribute, ContentChild, EventEmitter, Output, TemplateRef, inject, ContentChildren, QueryList } from '@angular/core';
 import {
     Component, Input, ViewChild, ElementRef, OnDestroy, HostBinding
 } from '@angular/core';
@@ -19,8 +19,10 @@ import { IgxIconService } from 'igniteui-angular/icon';
 import { editor } from '@igniteui/material-icons-extended';
 import { IgxQueryBuilderSearchValueTemplateDirective } from './query-builder.directives';
 import { IgxQueryBuilderSearchValueContext } from './query-builder.common';
+import { IgxQueryBuilderHeaderComponent } from './query-builder-header.component';
 
 /* wcElementTag: igc-query-builder */
+/* blazorIndirectRender */
 /**
  * A component used for operating with complex filters by creating or editing conditions
  * and grouping them using AND/OR logic.
@@ -220,6 +222,18 @@ export class IgxQueryBuilderComponent implements OnDestroy {
     @ContentChild(IgxQueryBuilderSearchValueTemplateDirective)
     protected searchValueTemplateDirective: IgxQueryBuilderSearchValueTemplateDirective;
 
+
+
+    /* contentChildren */
+    /* blazorInclude */
+    /* blazorTreatAsCollection */
+    /* blazorCollectionName: QueryBuilderHeaderCollection */
+    /* blazorCollectionItemName: QueryBuilderHeader */
+    /* ngQueryListName: queryBuilderHeaderCollection */
+    /** @hidden @internal */
+    @ContentChildren(IgxQueryBuilderHeaderComponent)
+    protected queryBuilderHeaderCollection: QueryList<IgxQueryBuilderHeaderComponent>;
+
     /**
      * @hidden @internal
      */