bugfix

Author: raysuelzer

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-angular-query-builder",
-  "version": "15.0.0",
+  "version": "15.0.1",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

projects/ngx-angular-query-builder/CHANGELOG.md

@@ -17,3 +17,5 @@ Credit: @ravijoshi007
 - Angular 14 Upgrade
 ### 15.0.0
  - Angular 15 upgrade
+ ### 15.0.1
+ - Angular 15 seems to have a subtle change which causes the templates to not be loaded into the query list when it first looks for them. Worked around by defaulting if these are undefined: this.parentInputTemplates || this.inputTemplates

projects/ngx-angular-query-builder/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-angular-query-builder",
-  "version": "15.0.0",
+  "version": "15.0.1",
   "description": "Port of angular2-query-builder from github.com/designermanjeets/Angular-QueryBuilder in order to support angular 12+",
   "license": "MIT",
   "peerDependencies": {

projects/ngx-angular-query-builder/src/lib/query-builder/query-builder.component.ts

@@ -144,7 +144,7 @@ export class QueryBuilderComponent implements OnChanges, ControlValueAccessor, V
   @Input() parentTouchedCallback!: () => void;
   @Input() persistValueOnFieldChange = false;
 
-  @ViewChild('treeContainer', {static: true}) treeContainer!: ElementRef;
+  @ViewChild('treeContainer', { static: true }) treeContainer!: ElementRef;
 
   @ContentChild(QueryButtonGroupDirective) buttonGroupTemplate!: QueryButtonGroupDirective;
   @ContentChild(QuerySwitchGroupDirective) switchGroupTemplate!: QuerySwitchGroupDirective;
@@ -153,7 +153,7 @@ export class QueryBuilderComponent implements OnChanges, ControlValueAccessor, V
   @ContentChild(QueryOperatorDirective) operatorTemplate!: QueryOperatorDirective;
   @ContentChild(QueryRemoveButtonDirective) removeButtonTemplate!: QueryRemoveButtonDirective;
   @ContentChild(QueryEmptyWarningDirective) emptyWarningTemplate!: QueryEmptyWarningDirective;
-  @ContentChildren(QueryInputDirective, {descendants: true}) inputTemplates!: QueryList<QueryInputDirective>;
+  @ContentChildren(QueryInputDirective, { descendants: true }) inputTemplates!: QueryList<QueryInputDirective>;
   @ContentChild(QueryArrowIconDirective) arrowIconTemplate!: QueryArrowIconDirective;
 
   private defaultTemplateTypes: string[] = [
@@ -192,7 +192,7 @@ export class QueryBuilderComponent implements OnChanges, ControlValueAccessor, V
       });
       if (config.entities) {
         this.entities = Object.keys(config.entities).map((value) => {
-          const entity = config.entities ? config.entities[value]: [] as any;
+          const entity = config.entities ? config.entities[value] : [] as any;
           entity.value = entity.value || value;
           return entity;
         });
@@ -274,7 +274,7 @@ export class QueryBuilderComponent implements OnChanges, ControlValueAccessor, V
   }
 
   findQueryInput(type: string): QueryInputDirective {
-    const templates = this.parentInputTemplates || this.inputTemplates;
+    const templates = this.parentInputTemplates || this.inputTemplates || [];
     return templates.find((item) => item.queryInputType === type) as QueryInputDirective;
   }
 
@@ -355,7 +355,7 @@ export class QueryBuilderComponent implements OnChanges, ControlValueAccessor, V
     const clsLookup = this.classNames ? this.classNames : this.defaultClassNames as any;
     const defaultClassNames = this.defaultClassNames as any;
     const classNames = args.map((id: any) => clsLookup[id] || defaultClassNames[id]).filter((c: any) => !!c);
-    return classNames.length ? classNames.join(' ')  : [];
+    return classNames.length ? classNames.join(' ') : [];
   }
 
   getDefaultField(entity: Entity): Field | null {