From 3a43e411a96c044f3d09650fb448bfbbe192b770 Mon Sep 17 00:00:00 2001
From: "INFRAGISTICS\\IPetrov" <IPetrov@infragistics.com>
Date: Mon, 14 Oct 2024 15:44:53 +0300
Subject: [PATCH] fix(query-builder) fix template sample formatting

---
 en/components/query-builder.md | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/en/components/query-builder.md b/en/components/query-builder.md
index c8de544ee..06a90f655 100644
--- a/en/components/query-builder.md
+++ b/en/components/query-builder.md
@@ -179,28 +179,18 @@ The search value of a condition can be templated using the [`igxQueryBuilderSear
                 let-selectedField = "selectedField" 
                 let-selectedCondition = "selectedCondition"
                 let-defaultSearchValueTemplate = "defaultSearchValueTemplate">
-        @if (
-            selectedField?.field === 'Region' &&
-            (selectedCondition === 'equals' || selectedCondition === 'doesNotEqual')
-            ){
+        @if (selectedField?.field === 'Region' && (selectedCondition === 'equals' || selectedCondition === 'doesNotEqual')){
             <igx-select [placeholder]="'Select region'" [(ngModel)]="searchValue.value">
-                <igx-select-item *ngFor="let reg of regionOptions" [value]="reg.value">
-                    {{ reg.text }}
-                </igx-select-item>
+                <igx-select-item *ngFor="let reg of regionOptions" [value]="reg.value">{{ reg.text }}</igx-select-item>
             </igx-select>
-        } 
-        @else if (
-            selectedField?.field === 'OrderStatus' &&
-            (selectedCondition === 'equals' || selectedCondition === 'doesNotEqual')
-            ){
-            <igx-radio-group>
-                <igx-radio class="radio-sample" *ngFor="let stat of statusOptions" value="{{stat.value}}" [(ngModel)]="searchValue.value">
+        } @else if (selectedField?.field === 'OrderStatus' && (selectedCondition === 'equals' || selectedCondition === 'doesNotEqual')){
+            <igx-radio-group [(ngModel)]="searchValue.value">
+                <igx-radio class="radio-sample" *ngFor="let stat of statusOptions" value="{{stat.value}}">
                     {{stat.text}}
                 </igx-radio>
             </igx-radio-group>
-        }
-            @else {  
-            <ng-container #defaultTemplate *ngTemplateOutlet="defaultSearchValueTemplate"></ng-container>
+        } @else {  
+            <ng-container *ngTemplateOutlet="defaultSearchValueTemplate"></ng-container>
         }
     </ng-template>
 </igx-query-builder>