igniteui-angular 22.1.0-beta.2 → 22.1.0-beta.4

package/fesm2022/igniteui-angular-query-builder.mjs

@@ -69,10 +69,10 @@ class IgxQueryBuilderHeaderComponent {
             this._defaultResourceStrings = getCurrentResourceStrings(QueryBuilderResourceStringsEN, false);
         }, this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: IgxQueryBuilderHeaderComponent, isStandalone: true, selector: "igx-query-builder-header", inputs: { title: "title", showLegend: "showLegend", resourceStrings: "resourceStrings" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<div class=\"igx-query-builder__title\">{{ title }}</div>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: IgxQueryBuilderHeaderComponent, isStandalone: true, selector: "igx-query-builder-header", inputs: { title: "title", showLegend: "showLegend", resourceStrings: "resourceStrings" }, host: { properties: { "class": "this.getClass" } }, ngImport: i0, template: "<div class=\"igx-query-builder__title\">{{ title }}</div>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-query-builder-header', changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"igx-query-builder__title\">{{ title }}</div>\n<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { getClass: [{
@@ -90,10 +90,10 @@ class IgxFieldFormatterPipe {
     transform(value, formatter, rowData, fieldData) {
         return formatter(value, rowData, fieldData);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxFieldFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.0", ngImport: i0, type: IgxFieldFormatterPipe, isStandalone: true, name: "fieldFormatter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxFieldFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxFieldFormatterPipe, isStandalone: true, name: "fieldFormatter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxFieldFormatterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxFieldFormatterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'fieldFormatter',
@@ -595,10 +595,10 @@ class IgxQueryBuilderDragService {
             }
         }, DEFAULT_SET_Z_INDEX_DELAY);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderDragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderDragService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderDragService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderDragService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderDragService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderDragService, decorators: [{
             type: Injectable
         }] });
 
@@ -1874,12 +1874,12 @@ class IgxQueryBuilderTreeComponent {
             this._defaultResourceStrings = getCurrentResourceStrings(QueryBuilderResourceStringsEN, false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: IgxQueryBuilderTreeComponent, isStandalone: true, selector: "igx-query-builder-tree", inputs: { entities: "entities", queryBuilder: "queryBuilder", searchValueTemplate: "searchValueTemplate", parentExpression: "parentExpression", fields: "fields", expressionTree: "expressionTree", locale: "locale", resourceStrings: "resourceStrings", expectedReturnField: "expectedReturnField" }, outputs: { expressionTreeChange: "expressionTreeChange", inEditModeChange: "inEditModeChange" }, host: { properties: { "class": "this.getClass" }, classAttribute: "igx-query-builder-tree" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: IgxQueryBuilderTreeComponent, isStandalone: true, selector: "igx-query-builder-tree", inputs: { entities: "entities", queryBuilder: "queryBuilder", searchValueTemplate: "searchValueTemplate", parentExpression: "parentExpression", fields: "fields", expressionTree: "expressionTree", locale: "locale", resourceStrings: "resourceStrings", expectedReturnField: "expectedReturnField" }, outputs: { expressionTreeChange: "expressionTreeChange", inEditModeChange: "inEditModeChange" }, host: { properties: { "class": "this.getClass" }, classAttribute: "igx-query-builder-tree" }, providers: [
             IgxQueryBuilderDragService
         ], viewQueries: [{ propertyName: "entitySelect", first: true, predicate: ["entitySelect"], descendants: true, read: IgxSelectComponent }, { propertyName: "editingInputs", first: true, predicate: ["editingInputs"], descendants: true, read: ElementRef }, { propertyName: "returnFieldsCombo", first: true, predicate: ["returnFieldsCombo"], descendants: true, read: IgxComboComponent }, { propertyName: "returnFieldSelect", first: true, predicate: ["returnFieldSelect"], descendants: true, read: IgxSelectComponent }, { propertyName: "fieldSelect", first: true, predicate: ["fieldSelect"], descendants: true, read: IgxSelectComponent }, { propertyName: "conditionSelect", first: true, predicate: ["conditionSelect"], descendants: true, read: IgxSelectComponent }, { propertyName: "searchValueInput", first: true, predicate: ["searchValueInput"], descendants: true, read: ElementRef }, { propertyName: "picker", first: true, predicate: ["picker"], descendants: true }, { propertyName: "addRootAndGroupButton", first: true, predicate: ["addRootAndGroupButton"], descendants: true, read: ElementRef }, { propertyName: "addConditionButton", first: true, predicate: ["addConditionButton"], descendants: true, read: ElementRef }, { propertyName: "entityChangeDialog", first: true, predicate: ["entityChangeDialog"], descendants: true, read: IgxDialogComponent }, { propertyName: "addExpressionItemDropDown", first: true, predicate: ["addOptionsDropDown"], descendants: true, read: IgxDropDownComponent }, { propertyName: "groupContextMenuDropDown", first: true, predicate: ["groupContextMenuDropDown"], descendants: true, read: IgxDropDownComponent }, { propertyName: "editingInputsContainer", first: true, predicate: ["editingInputsContainer"], descendants: true, read: ElementRef }, { propertyName: "currentGroupButtonsContainer", first: true, predicate: ["currentGroupButtonsContainer"], descendants: true, read: ElementRef }, { propertyName: "expressionsContainer", first: true, predicate: ["expressionsContainer"], descendants: true }, { propertyName: "expressionsChips", predicate: IgxChipComponent, descendants: true, read: IgxChipComponent }, { propertyName: "innerQueries", predicate: IgxQueryBuilderTreeComponent, descendants: true }], ngImport: i0, template: "<ng-template #addIcon>\n  <igx-icon family=\"default\" name=\"add\"></igx-icon>\n</ng-template>\n\n<ng-template #closeIcon>\n  <igx-icon family=\"default\" name=\"close\"></igx-icon>\n</ng-template>\n\n<ng-template #selectFromTemplate>\n  <div\n    class=\"igx-filter-tree__inputs\"\n    [style.display]=\"\n      isInEditMode() &&\n      (!this.isAdvancedFiltering() || this.isHierarchicalNestedQuery())\n        ? 'flex'\n        : 'none'\n    \"\n  >\n    <div class=\"igx-filter-tree__inputs-field\">\n      <span class=\"igx-query-builder__label\">{{\n        this.resourceStrings.igx_query_builder_from_label\n      }}</span>\n      <igx-select\n        #entitySelect\n        type=\"box\"\n        (selectionChanging)=\"onEntitySelectChanging($event)\"\n        (opening)=\"exitEditAddMode(true)\"\n        [overlaySettings]=\"entitySelectOverlaySettings\"\n        [ngModel]=\"selectedEntity\"\n        [style.display]=\"isInEditMode() ? 'block' : 'none'\"\n        [placeholder]=\"this.resourceStrings.igx_query_builder_select_entity\"\n        [disabled]=\"disableEntityChange\"\n      >\n        @for (entity of entities; track entity.name) {\n          <igx-select-item [value]=\"entity\">\n            {{ entity.name }}\n          </igx-select-item>\n        }\n      </igx-select>\n    </div>\n\n    <div class=\"igx-filter-tree__inputs-field\">\n      @if (!this.isHierarchicalNestedQuery()) {\n        <span class=\"igx-query-builder__label\">{{\n          this.resourceStrings.igx_query_builder_select_label\n        }}</span>\n      }\n      @if (!parentExpression) {\n        <igx-combo\n          #returnFieldsCombo\n          [itemsMaxHeight]=\"250\"\n          [data]=\"fields\"\n          [displayKey]=\"'field'\"\n          [valueKey]=\"'field'\"\n          [disabled]=\"disableReturnFieldsChange\"\n          [(ngModel)]=\"selectedReturnFields\"\n          [overlaySettings]=\"returnFieldSelectOverlaySettings\"\n          [placeholder]=\"\n            this.resourceStrings.igx_query_builder_select_return_fields\n          \"\n          searchPlaceholder=\"{{\n            this.resourceStrings.igx_query_builder_search\n          }}\"\n          [style.display]=\"isInEditMode() ? 'block' : 'none'\"\n          (selectionChanging)=\"onReturnFieldSelectChanging($event)\"\n          (opening)=\"exitEditAddMode()\"\n        >\n          <ng-template igxComboHeader>\n            <div\n              class=\"igx-drop-down__item igx-drop-down__item--query-builder\"\n              (click)=\"onSelectAllClicked()\"\n              [ngClass]=\"{\n                'igx-drop-down__item--selected':\n                  this.selectedEntity &&\n                  this.selectedReturnFields &&\n                  this.selectedEntity.fields.length ===\n                    this.selectedReturnFields.length,\n              }\"\n            >\n              <igx-checkbox\n                [checked]=\"\n                  this.selectedEntity &&\n                  this.selectedReturnFields &&\n                  this.selectedEntity.fields.length ===\n                    this.selectedReturnFields.length\n                \"\n                [indeterminate]=\"\n                  this.selectedEntity &&\n                  this.selectedReturnFields &&\n                  this.selectedReturnFields.length > 0 &&\n                  this.selectedReturnFields.length <\n                    this.selectedEntity.fields?.length\n                \"\n                [readonly]=\"true\"\n                [disableRipple]=\"true\"\n                [tabindex]=\"-1\"\n                class=\"igx-combo__checkbox\"\n              >\n              </igx-checkbox>\n              <div class=\"igx-drop-down__inner\">\n                {{ this.resourceStrings.igx_query_builder_select_all }}\n              </div>\n            </div>\n          </ng-template>\n        </igx-combo>\n      } @else {\n        <igx-select\n          #returnFieldSelect\n          type=\"box\"\n          (selectionChanging)=\"onReturnFieldSelectChanging($event)\"\n          [overlaySettings]=\"returnFieldSelectOverlaySettings\"\n          [disabled]=\"!selectedEntity\"\n          [ngModel]=\"selectedReturnFields ? selectedReturnFields[0] : null\"\n          [placeholder]=\"\n            this.resourceStrings.igx_query_builder_select_return_field_single\n          \"\n          [style.display]=\"isInEditMode() ? 'block' : 'none'\"\n          (opening)=\"exitEditAddMode()\"\n        >\n          @for (field of fields; track field.field) {\n            <igx-select-item [value]=\"field.field\">\n              {{ field.field }}\n            </igx-select-item>\n          }\n        </igx-select>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<div #expressionsContainer class=\"igx-query-builder__main\">\n  <ng-container *ngTemplateOutlet=\"selectFromTemplate\"></ng-container>\n\n  <ng-template\n    #addExpressionsTemplate\n    let-expressionItem\n    let-afterExpression=\"afterExpression\"\n  >\n    <button\n      type=\"button\"\n      #addConditionButton\n      igxButton=\"flat\"\n      [disabled]=\"hasEditedExpression\"\n      (click)=\"addCondition(expressionItem, afterExpression, true)\"\n      igxDrop\n      (enter)=\"\n        dragService.onAddConditionEnter(addConditionButton, expressionItem)\n      \"\n      (leave)=\"dragService.onChipLeave()\"\n    >\n      <ng-container *ngTemplateOutlet=\"addIcon\"></ng-container>\n      <span>{{\n        this.resourceStrings.igx_query_builder_add_condition_root\n      }}</span>\n    </button>\n\n    @if (this.rootGroup) {\n      <button\n        type=\"button\"\n        igxButton=\"flat\"\n        [disabled]=\"hasEditedExpression\"\n        (click)=\"addReverseGroup(expressionItem, afterExpression)\"\n      >\n        <ng-container *ngTemplateOutlet=\"addIcon\"></ng-container>\n        <span>{{ this.resourceStrings.igx_query_builder_add_group_root }}</span>\n      </button>\n    }\n  </ng-template>\n\n  <ng-template #operandTemplate let-expressionItem>\n    @if (!expressionItem.inEditMode) {\n      @if (\n        dragService.dropGhostExpression &&\n        expressionItem === dragService.dropGhostExpression &&\n        dragService.isKeyboardDrag === false\n      ) {\n        <div\n          class=\"igx-filter-tree__expression-item igx-filter-tree__expression-item-drop-ghost\"\n        >\n          <igx-chip [data]=\"expressionItem\">\n            {{ this.resourceStrings.igx_query_builder_drop_ghost_text }}\n          </igx-chip>\n        </div>\n      } @else {\n        <div\n          #dragRef\n          igxDrop\n          (enter)=\"dragService.onChipEnter(dragRef, expressionItem)\"\n          (over)=\"dragService.onDivOver(dragRef, expressionItem)\"\n          (leave)=\"dragService.onChipLeave()\"\n          (dropped)=\"dragService.onDivDropped(expressionItem)\"\n          [ngClass]=\"{\n            'igx-filter-tree__expression-item': true,\n            'igx-filter-tree__expression-item-keyboard-ghost':\n              expressionItem === dragService.dropGhostExpression,\n          }\"\n          (mouseenter)=\"expressionItem.hovered = true\"\n          (mouseleave)=\"expressionItem.hovered = false\"\n          (focusin)=\"onExpressionFocus(expressionItem)\"\n          (focusout)=\"onExpressionBlur($event, expressionItem)\"\n        >\n          <igx-chip\n            #expressionChip\n            [draggable]=\"true\"\n            [hideBaseOnDrag]=\"false\"\n            [animateOnRelease]=\"false\"\n            (moveStart)=\"\n              dragService.onMoveStart(dragRef, expressionItem, false)\n            \"\n            (moveEnd)=\"dragService.onMoveEnd()\"\n            (dragEnter)=\"dragService.onChipEnter(dragRef, expressionItem)\"\n            (dragOver)=\"dragService.onChipOver(dragRef)\"\n            (dragLeave)=\"dragService.onChipLeave()\"\n            (dragDrop)=\"dragService.onChipDropped()\"\n            #target=\"tooltipTarget\"\n            [igxTooltipTarget]=\"tooltipRef\"\n            [data]=\"expressionItem\"\n            [removable]=\"isInEditMode() ? 'true' : 'false'\"\n            (keydown)=\"invokeClick($event)\"\n            (click)=\"onChipClick(expressionItem, expressionChip)\"\n            (remove)=\"onChipRemove(expressionItem)\"\n          >\n            <igx-icon\n              igxPrefix\n              class=\"igx-drag-indicator\"\n              tabindex=\"0\"\n              (focus)=\"\n                dragService.onChipDragIndicatorFocus(dragRef, expressionItem)\n              \"\n              (focusout)=\"dragService.onChipDragIndicatorFocusOut()\"\n              family=\"default\"\n              name=\"drag_indicator\"\n            >\n            </igx-icon>\n            <span igxPrefix class=\"igx-filter-tree__expression-column\">\n              {{\n                expressionItem.fieldLabel || expressionItem.expression.fieldName\n              }}\n            </span>\n            <span igxPrefix class=\"igx-filter-tree__expression-condition\">\n              {{\n                getConditionFriendlyName(\n                  $safeNavigationMigration(\n                    expressionItem.expression.condition?.name\n                  )\n                )\n              }}\n            </span>\n            @if (!expressionItem.expression.condition?.isUnary) {\n              <span>\n                @if (expressionItem.expression.searchTree) {\n                  <ng-container>\n                    <strong>{{\n                      expressionItem.expression.searchTree.entity\n                    }}</strong\n                    >&nbsp;/\n                    {{\n                      formatReturnFields(expressionItem.expression.searchTree)\n                    }}\n                  </ng-container>\n                } @else {\n                  <ng-container>\n                    @if (isDate(expressionItem.expression.searchVal)) {\n                      @if (getFormatter(expressionItem.expression.fieldName)) {\n                        {{\n                          expressionItem.expression.searchVal\n                            | fieldFormatter\n                              : getFormatter(\n                                  expressionItem.expression.fieldName\n                                )\n                              : undefined\n                        }}\n                      } @else {\n                        {{\n                          expressionItem.expression.searchVal\n                            | date\n                              : getFormat(expressionItem.expression.fieldName)\n                              : undefined\n                              : this.locale\n                        }}\n                      }\n                    } @else {\n                      @if (getFormatter(expressionItem.expression.fieldName)) {\n                        {{\n                          expressionItem.expression.searchVal\n                            | fieldFormatter\n                              : getFormatter(\n                                  expressionItem.expression.fieldName\n                                )\n                              : expressionItem.expression.conditionName ||\n                                  expressionItem.expression.condition?.name\n                        }}\n                      } @else {\n                        {{ expressionItem.expression.searchVal }}\n                      }\n                    }\n                  </ng-container>\n                }\n              </span>\n            }\n          </igx-chip>\n          <div #tooltipRef=\"tooltip\" igxTooltip>\n            @if (expressionItem.expression.searchTree) {\n              {{ expressionItem.expression.searchTree.returnFields.join(', ') }}\n            } @else if (expressionItem.expression.condition?.isUnary) {\n              {{\n                getConditionFriendlyName(\n                  $safeNavigationMigration(\n                    expressionItem.expression.condition?.name\n                  )\n                )\n              }}\n            } @else {\n              @if (getFormatter(expressionItem.expression.fieldName)) {\n                {{\n                  expressionItem.expression.searchVal\n                    | fieldFormatter\n                      : getFormatter(expressionItem.expression.fieldName)\n                      : expressionItem.expression.conditionName ||\n                          expressionItem.expression.condition?.name\n                }}\n              } @else {\n                {{ expressionItem.expression.searchVal }}\n              }\n            }\n          </div>\n\n          @if (expressionItem.focused || expressionItem.hovered) {\n            <div igxDragIgnore class=\"igx-filter-tree__expression-actions\">\n              <button\n                #addExpressionButton\n                igxDragIgnore\n                igxIconButton=\"outlined\"\n                [igxDropDownItemNavigation]=\"addOptionsDropDown\"\n                aria-labelledby=\"add-expression\"\n                (keydown)=\"invokeClick($event)\"\n                (click)=\"\n                  clickExpressionAdd(addExpressionButton, expressionChip)\n                \"\n                (blur)=\"addExpressionBlur()\"\n              >\n                <igx-icon\n                  id=\"add-expression\"\n                  family=\"default\"\n                  name=\"add\"\n                ></igx-icon>\n              </button>\n              <igx-drop-down\n                #addOptionsDropDown\n                (selectionChanging)=\"enterExpressionAdd($event, expressionItem)\"\n              >\n                <igx-drop-down-item [value]=\"'addCondition'\">\n                  <span>{{\n                    this.resourceStrings.igx_query_builder_add_condition\n                  }}</span>\n                </igx-drop-down-item>\n                <igx-drop-down-item [value]=\"'addGroup'\">\n                  <span>{{\n                    this.resourceStrings.igx_query_builder_add_group\n                  }}</span>\n                </igx-drop-down-item>\n              </igx-drop-down>\n            </div>\n          }\n        </div>\n      }\n    }\n    <div #editingInputsContainer class=\"igx-filter-tree__subquery\">\n      @if (expressionItem.inEditMode) {\n        <div\n          #editingInputs\n          igxDrop\n          (enter)=\"\n            dragService.onChipEnter(editingInputsContainer, expressionItem)\n          \"\n          (over)=\"\n            dragService.onChipEnter(editingInputsContainer, expressionItem)\n          \"\n          (leave)=\"dragService.onChipLeave()\"\n          (dropped)=\"dragService.onDivDropped(expressionItem)\"\n          class=\"igx-filter-tree__inputs\"\n        >\n          <igx-select\n            #fieldSelect\n            type=\"box\"\n            [overlaySettings]=\"fieldSelectOverlaySettings\"\n            [(ngModel)]=\"selectedField\"\n            [disabled]=\"!fields\"\n            [placeholder]=\"\n              this.resourceStrings.igx_query_builder_column_placeholder\n            \"\n          >\n            @for (field of fields; track field) {\n              <igx-select-item [value]=\"field\">\n                {{ field.label || field.header || field.field }}\n              </igx-select-item>\n            }\n          </igx-select>\n\n          <igx-select\n            #conditionSelect\n            type=\"box\"\n            [overlaySettings]=\"conditionSelectOverlaySettings\"\n            [(ngModel)]=\"selectedCondition\"\n            (selectionChanging)=\"onConditionSelectChanging($event)\"\n            [disabled]=\"!selectedField\"\n            [placeholder]=\"\n              this.resourceStrings.igx_query_builder_condition_placeholder\n            \"\n          >\n            @if (\n              selectedField &&\n              conditionSelect.value &&\n              selectedField.filters.condition(conditionSelect.value)\n            ) {\n              <igx-prefix>\n                <igx-icon\n                  family=\"default\"\n                  [name]=\"\n                    selectedField.filters.condition(conditionSelect.value)\n                      .iconName\n                  \"\n                >\n                </igx-icon>\n              </igx-prefix>\n            }\n\n            @for (condition of getConditionList(); track condition) {\n              <igx-select-item\n                [value]=\"condition\"\n                [text]=\"getConditionFriendlyName(condition)\"\n              >\n                <div class=\"igx-grid__filtering-dropdown-items\">\n                  <igx-icon\n                    family=\"default\"\n                    [name]=\"selectedField.filters.condition(condition).iconName\"\n                  >\n                  </igx-icon>\n                  <span class=\"igx-grid__filtering-dropdown-text\">{{\n                    getConditionFriendlyName(condition)\n                  }}</span>\n                </div>\n              </igx-select-item>\n            }\n          </igx-select>\n\n          <ng-container\n            *ngTemplateOutlet=\"\n              searchValueTemplate\n                ? searchValueTemplate\n                : defaultSearchValueTemplate;\n              context: getSearchValueTemplateContext(defaultSearchValueTemplate)\n            \"\n          >\n          </ng-container>\n\n          <ng-template #defaultSearchValueTemplate>\n            @if (\n              !selectedField ||\n              (selectedField.dataType !== 'date' &&\n                selectedField.dataType !== 'time' &&\n                selectedField.dataType !== 'dateTime')\n            ) {\n              <igx-input-group type=\"box\">\n                <input\n                  #searchValueInput\n                  igxInput\n                  [disabled]=\"isSearchValueInputDisabled()\"\n                  [placeholder]=\"\n                    this.selectedCondition === 'inQuery' ||\n                    this.selectedCondition === 'notInQuery'\n                      ? this.resourceStrings\n                          .igx_query_builder_query_value_placeholder\n                      : this.resourceStrings.igx_query_builder_value_placeholder\n                  \"\n                  [type]=\"\n                    selectedField && selectedField.dataType === 'number'\n                      ? 'number'\n                      : 'text'\n                  \"\n                  [(ngModel)]=\"searchValue.value\"\n                />\n              </igx-input-group>\n            } @else if (selectedField && selectedField.dataType === 'date') {\n              <igx-date-picker\n                #picker\n                [(value)]=\"searchValue.value\"\n                (keydown)=\"openPicker($event)\"\n                (click)=\"picker.open()\"\n                type=\"box\"\n                [disabled]=\"isSearchValueInputDisabled()\"\n                [locale]=\"this.locale\"\n                [formatter]=\"selectedField.formatter\"\n                [displayFormat]=\"selectedField.pipeArgs.format\"\n                [weekStart]=\"selectedField.pipeArgs.weekStart\"\n                [placeholder]=\"\n                  this.resourceStrings.igx_query_builder_date_placeholder\n                \"\n              >\n                <!-- disable default icons -->\n                <igx-picker-toggle></igx-picker-toggle>\n                <igx-picker-clear></igx-picker-clear>\n              </igx-date-picker>\n            } @else if (selectedField && selectedField.dataType === 'time') {\n              <igx-time-picker\n                #picker\n                [(value)]=\"searchValue.value\"\n                (click)=\"picker.open()\"\n                (keydown)=\"openPicker($event)\"\n                type=\"box\"\n                [disabled]=\"isSearchValueInputDisabled()\"\n                [locale]=\"this.locale\"\n                [formatter]=\"selectedField.formatter\"\n                [displayFormat]=\"selectedField.pipeArgs.format\"\n                [inputFormat]=\"\n                  $safeNavigationMigration(\n                    selectedField.editorOptions?.dateTimeFormat\n                  )\n                \"\n                [placeholder]=\"\n                  this.resourceStrings.igx_query_builder_time_placeholder\n                \"\n              >\n                <!-- disable default icons -->\n                <igx-picker-toggle></igx-picker-toggle>\n                <igx-picker-clear></igx-picker-clear>\n              </igx-time-picker>\n            } @else if (\n              selectedField && selectedField.dataType === 'dateTime'\n            ) {\n              <igx-input-group #inputGroup type=\"box\">\n                <input\n                  #input\n                  igxInput\n                  tabindex=\"0\"\n                  [placeholder]=\"\n                    this.resourceStrings.igx_query_builder_datetime_placeholder\n                  \"\n                  [(ngModel)]=\"searchValue.value\"\n                  [disabled]=\"isSearchValueInputDisabled()\"\n                  [locale]=\"this.locale\"\n                  [igxDateTimeEditor]=\"\n                    $safeNavigationMigration(\n                      selectedField.editorOptions?.dateTimeFormat\n                    )\n                  \"\n                  [defaultFormatType]=\"selectedField.dataType\"\n                  [displayFormat]=\"selectedField.pipeArgs.format\"\n                />\n              </igx-input-group>\n            }\n          </ng-template>\n\n          <div class=\"igx-filter-tree__inputs-actions\">\n            <button\n              type=\"button\"\n              igxIconButton=\"outlined\"\n              [disabled]=\"!operandCanBeCommitted()\"\n              (click)=\"commitExpression()\"\n            >\n              <igx-icon family=\"default\" name=\"confirm\"></igx-icon>\n            </button>\n            <button\n              type=\"button\"\n              igxIconButton=\"outlined\"\n              (click)=\"discardExpression(expressionItem)\"\n            >\n              <ng-container *ngTemplateOutlet=\"closeIcon\"></ng-container>\n            </button>\n          </div>\n        </div>\n      }\n\n      @if (\n        (!expressionItem.inEditMode &&\n          expressionItem.expression.searchTree &&\n          expressionItem.expression.searchTree.filteringOperands?.length > 0) ||\n        (expressionItem.inEditMode &&\n          selectedField?.filters?.condition(selectedCondition)?.isNestedQuery)\n      ) {\n        <ng-container>\n          <igx-query-builder-tree\n            [style.display]=\"\n              expressionItem.inEditMode || expressionItem.expanded\n                ? 'block'\n                : 'none'\n            \"\n            [entities]=\"\n              (this.selectedEntity\n                ? this.selectedEntity.childEntities\n                : entities?.[0]?.childEntities) ??\n              entities ?? []\n            \"\n            [queryBuilder]=\"this.queryBuilder\"\n            [parentExpression]=\"expressionItem\"\n            [expectedReturnField]=\"\n              $safeNavigationMigration(this.selectedField?.field)\n            \"\n            [expressionTree]=\"\n              expressionItem.inEditMode\n                ? (innerQueryNewExpressionTree ??\n                  getExpressionTreeCopy(\n                    expressionItem.expression.searchTree,\n                    true\n                  ))\n                : expressionItem.expression.searchTree\n            \"\n            (inEditModeChange)=\"onInEditModeChanged($event)\"\n            [searchValueTemplate]=\"searchValueTemplate\"\n            [resourceStrings]=\"resourceStrings\"\n          >\n          </igx-query-builder-tree>\n        </ng-container>\n      }\n    </div>\n  </ng-template>\n\n  <ng-template #expressionGroupTemplate let-expressionItem>\n    <div\n      class=\"igx-filter-tree\"\n      (focusout)=\"parentExpression ? null : dragService.onDragFocusOut()\"\n    >\n      <div\n        class=\"igx-filter-tree__line\"\n        [ngClass]=\"{\n          'igx-filter-tree__line--and': getOperator(expressionItem) === 0,\n          'igx-filter-tree__line--or': getOperator(expressionItem) === 1,\n        }\"\n      ></div>\n\n      <div class=\"igx-filter-tree__expressions\">\n        <div\n          class=\"igx-filter-tree__expression-context-menu\"\n          #groupRef\n          igxDrop\n          (enter)=\"dragService.onGroupRootOver(groupRef, expressionItem)\"\n          (over)=\"dragService.onGroupRootOver(groupRef, expressionItem)\"\n          (leave)=\"dragService.onChipLeave()\"\n        >\n          <button\n            #changeGroupButton\n            [ngClass]=\"{\n              'igx-filter-tree__button--and': getOperator(expressionItem) === 0,\n              'igx-filter-tree__button--or': getOperator(expressionItem) === 1,\n            }\"\n            [igxDropDownItemNavigation]=\"groupContextMenuDropDown\"\n            igxDragIgnore\n            igxButton=\"flat\"\n            aria-labelledby=\"change-group\"\n            (keydown)=\"invokeClick($event)\"\n            (click)=\"\n              onGroupClick(\n                groupContextMenuDropDown,\n                changeGroupButton,\n                expressionItem\n              )\n            \"\n          >\n            <span\n              igxDrop\n              (enter)=\"dragService.onGroupRootOver(groupRef, expressionItem)\"\n              (over)=\"dragService.onGroupRootOver(groupRef, expressionItem)\"\n              (leave)=\"dragService.onChipLeave()\"\n            >\n              {{\n                getOperator(expressionItem) === 0\n                  ? this.resourceStrings.igx_query_builder_and_label\n                  : this.resourceStrings.igx_query_builder_or_label\n              }}\n            </span>\n            <igx-icon\n              family=\"default\"\n              name=\"arrow_drop_down\"\n              role=\"button\"\n            ></igx-icon>\n          </button>\n          <igx-drop-down\n            #groupContextMenuDropDown\n            (selectionChanging)=\"\n              onGroupContextMenuDropDownSelectionChanging($event)\n            \"\n            [width]=\"'fit-content'\"\n          >\n            <igx-drop-down-item [value]=\"'switchCondition'\">\n              {{ getSwitchGroupText(expressionItem) }}\n            </igx-drop-down-item>\n            <igx-drop-down-item\n              [value]=\"'ungroup'\"\n              [disabled]=\"this.rootGroup === this.contextualGroup\"\n            >\n              {{ this.resourceStrings.igx_query_builder_ungroup }}\n            </igx-drop-down-item>\n          </igx-drop-down>\n        </div>\n        <div class=\"igx-filter-tree__expression-section\">\n          @for (\n            expr of expressionItem?.children;\n            track trackExpressionItem(expr)\n          ) {\n            <ng-container>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  isExpressionGroup(expr)\n                    ? expressionGroupTemplate\n                    : operandTemplate;\n                  context: context(expr)\n                \"\n              >\n              </ng-container>\n            </ng-container>\n          }\n        </div>\n\n        @if (expressionItem === rootGroup && !hasEditedExpression) {\n          <div #currentGroupButtonsContainer class=\"igx-filter-tree__buttons\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                addExpressionsTemplate;\n                context: context(expressionItem)\n              \"\n            >\n            </ng-container>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  @if (\n    rootGroup ||\n    (!rootGroup &&\n      (selectedEntity || (entities?.length === 1 && !entities[0]?.name)))\n  ) {\n    <div class=\"igx-filter-tree__section\">\n      @if (!this.isAdvancedFiltering()) {\n        <span class=\"igx-query-builder__label\">Where</span>\n      }\n      <ng-container\n        *ngTemplateOutlet=\"expressionGroupTemplate; context: context(rootGroup)\"\n      ></ng-container>\n    </div>\n  }\n</div>\n\n<igx-dialog\n  #entityChangeDialog\n  title=\"{{ this.resourceStrings.igx_query_builder_dialog_title }}\"\n  leftButtonLabel=\"{{ this.resourceStrings.igx_query_builder_dialog_cancel }}\"\n  rightButtonLabel=\"{{ this.resourceStrings.igx_query_builder_dialog_confirm }}\"\n  (leftButtonSelect)=\"onEntityChangeCancel()\"\n  (rightButtonSelect)=\"onEntityChangeConfirm()\"\n>\n  <section class=\"igx-query-builder-dialog\">\n    <p>{{ this.resourceStrings.igx_query_builder_dialog_message }}</p>\n    <igx-checkbox\n      (change)=\"onShowEntityChangeDialogChange($event)\"\n      [disableRipple]=\"true\"\n      [tabindex]=\"-1\"\n    >\n      {{ this.resourceStrings.igx_query_builder_dialog_checkbox_text }}\n    </igx-checkbox>\n  </section>\n</igx-dialog>\n", dependencies: [{ kind: "component", type: IgxQueryBuilderTreeComponent, selector: "igx-query-builder-tree", inputs: ["entities", "queryBuilder", "searchValueTemplate", "parentExpression", "fields", "expressionTree", "locale", "resourceStrings", "expectedReturnField"], outputs: ["expressionTreeChange", "inEditModeChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "component", type: IgxCheckboxComponent, selector: "igx-checkbox", inputs: ["indeterminate", "checked", "disabled", "invalid", "readonly", "disableTransitions"] }, { kind: "component", type: IgxChipComponent, selector: "igx-chip", inputs: ["variant", "id", "tabIndex", "data", "draggable", "animateOnRelease", "hideBaseOnDrag", "removable", "removeIcon", "selectable", "selectIcon", "class", "disabled", "selected", "color", "resourceStrings"], outputs: ["selectedChange", "moveStart", "moveEnd", "remove", "chipClick", "selectedChanging", "selectedChanged", "keyDown", "dragEnter", "dragLeave", "dragOver", "dragDrop"] }, { kind: "component", type: IgxComboComponent, selector: "igx-combo", inputs: ["autoFocusSearch", "searchPlaceholder"], outputs: ["selectionChanging", "selectionChanged"] }, { kind: "directive", type: IgxComboHeaderDirective, selector: "[igxComboHeader]" }, { kind: "component", type: IgxDatePickerComponent, selector: "igx-date-picker", inputs: ["hideOutsideDays", "displayMonthsCount", "orientation", "showWeekNumbers", "activeDate", "formatter", "todayButtonLabel", "cancelButtonLabel", "spinLoop", "spinDelta", "id", "formatViews", "disabledDates", "specialDates", "calendarFormat", "value", "minValue", "maxValue", "resourceStrings", "readOnly"], outputs: ["valueChange", "validationFailed"] }, { kind: "directive", type: IgxDateTimeEditorDirective, selector: "[igxDateTimeEditor]", inputs: ["locale", "minValue", "maxValue", "spinLoop", "displayFormat", "igxDateTimeEditor", "value", "defaultFormatType", "spinDelta"], outputs: ["valueChange", "validationFailed"], exportAs: ["igxDateTimeEditor"] }, { kind: "component", type: IgxDialogComponent, selector: "igx-dialog", inputs: ["id", "isModal", "closeOnEscape", "focusTrap", "title", "message", "leftButtonLabel", "leftButtonType", "leftButtonRipple", "rightButtonLabel", "rightButtonType", "rightButtonRipple", "closeOnOutsideSelect", "positionSettings", "isOpen", "role", "titleId"], outputs: ["opening", "opened", "closing", "closed", "leftButtonSelect", "rightButtonSelect", "isOpenChange"] }, { kind: "directive", type: IgxDragIgnoreDirective, selector: "[igxDragIgnore]" }, { kind: "directive", type: IgxDropDirective, selector: "[igxDrop]", inputs: ["igxDrop", "dropChannel", "dropStrategy"], outputs: ["enter", "over", "leave", "dropped"], exportAs: ["drop"] }, { kind: "component", type: IgxDropDownComponent, selector: "igx-drop-down", inputs: ["allowItemsFocus", "labelledBy", "role"], outputs: ["opening", "opened", "closing", "closed"] }, { kind: "component", type: IgxDropDownItemComponent, selector: "igx-drop-down-item" }, { kind: "directive", type: IgxDropDownItemNavigationDirective, selector: "[igxDropDownItemNavigation]", inputs: ["igxDropDownItemNavigation"] }, { kind: "directive", type: IgxIconButtonDirective, selector: "[igxIconButton]", inputs: ["igxIconButton"] }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }, { kind: "directive", type: IgxInputDirective, selector: "[igxInput]", inputs: ["value", "disabled", "required"], exportAs: ["igxInput"] }, { kind: "component", type: IgxInputGroupComponent, selector: "igx-input-group", inputs: ["resourceStrings", "suppressInputAutofocus", "type", "theme"] }, { kind: "component", type: IgxPickerClearComponent, selector: "igx-picker-clear" }, { kind: "component", type: IgxPickerToggleComponent, selector: "igx-picker-toggle", outputs: ["clicked"] }, { kind: "directive", type: IgxPrefixDirective, selector: "[igxPrefix],[igxStart],igx-prefix" }, { kind: "component", type: IgxSelectComponent, selector: "igx-select", inputs: ["placeholder", "disabled", "overlaySettings", "value", "type"], outputs: ["opening", "opened", "closing", "closed"] }, { kind: "component", type: IgxSelectItemComponent, selector: "igx-select-item", inputs: ["text"] }, { kind: "component", type: IgxTimePickerComponent, selector: "igx-time-picker", inputs: ["id", "displayFormat", "inputFormat", "mode", "minValue", "maxValue", "spinLoop", "formatter", "readOnly", "value", "resourceStrings", "okButtonLabel", "cancelButtonLabel", "itemsDelta"], outputs: ["selected", "valueChange", "validationFailed"] }, { kind: "directive", type: IgxTooltipDirective, selector: "[igxTooltip]", inputs: ["context", "id", "role"], exportAs: ["tooltip"] }, { kind: "directive", type: IgxTooltipTargetDirective, selector: "[igxTooltipTarget]", inputs: ["showDelay", "hideDelay", "hasArrow", "sticky", "closeButtonTemplate", "positionSettings", "tooltipDisabled", "showTriggers", "hideTriggers", "igxTooltipTarget", "tooltip"], outputs: ["tooltipShow", "tooltipHide"], exportAs: ["tooltipTarget"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IgxDateFormatterPipe, name: "date" }, { kind: "pipe", type: IgxFieldFormatterPipe, name: "fieldFormatter" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-query-builder-tree', host: { 'class': 'igx-query-builder-tree' }, imports: [
                         IgxDateFormatterPipe,
@@ -2018,10 +2018,10 @@ class IgxQueryBuilderSearchValueTemplateDirective {
     static ngTemplateContextGuard(_directive, context) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderSearchValueTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: IgxQueryBuilderSearchValueTemplateDirective, isStandalone: true, selector: "[igxQueryBuilderSearchValue]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderSearchValueTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxQueryBuilderSearchValueTemplateDirective, isStandalone: true, selector: "[igxQueryBuilderSearchValue]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderSearchValueTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderSearchValueTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxQueryBuilderSearchValue]',
@@ -2304,12 +2304,12 @@ class IgxQueryBuilderComponent {
             family: 'material',
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.0", type: IgxQueryBuilderComponent, isStandalone: true, selector: "igx-query-builder", inputs: { showEntityChangeDialog: ["showEntityChangeDialog", "showEntityChangeDialog", booleanAttribute], entities: "entities", fields: "fields", expressionTree: "expressionTree", locale: "locale", resourceStrings: "resourceStrings", disableEntityChange: "disableEntityChange", searchValueTemplate: "searchValueTemplate", disableReturnFieldsChange: "disableReturnFieldsChange" }, outputs: { expressionTreeChange: "expressionTreeChange" }, host: { properties: { "class.igx-query-builder": "this.cssClass", "style.display": "this.display" } }, queries: [{ propertyName: "searchValueTemplateDirective", first: true, predicate: IgxQueryBuilderSearchValueTemplateDirective, descendants: true }, { propertyName: "queryBuilderHeaderCollection", predicate: IgxQueryBuilderHeaderComponent }], viewQueries: [{ propertyName: "queryTree", first: true, predicate: IgxQueryBuilderTreeComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"igx-query-builder-header,igc-query-builder-header\"></ng-content>\n\n<igx-query-builder-tree\n    [entities]=\"this.entities\"\n    [expressionTree]=\"this.expressionTree\"\n    [locale]=\"this.locale\"\n    [resourceStrings]=\"this.resourceStrings\"\n    [queryBuilder]=\"this\"\n    (expressionTreeChange)=\"onExpressionTreeChange($event)\"\n    [searchValueTemplate]=\"searchValueTemplate\">\n</igx-query-builder-tree>\n", styles: ["@layer ig.base{.igx-query-builder{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--query-builder-outer-padding: 1.5rem;--_tree-scrollbar-gutter: 1rem;width:auto;min-width:41.25rem;background-color:var(--background);border-radius:var(--border-radius);box-shadow:var(--elevation);overflow:hidden}.igx-query-builder:has(:not(igx-query-builder-header)){padding-block-start:var(--query-builder-outer-padding)}.igx-query-builder:has(:not(igx-query-builder-header)) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}.igx-query-builder:has(igx-query-builder-header){padding-block-start:0}.igx-query-builder .igx-chip__ghost{position:relative}.igx-query-builder__header{display:flex;align-items:center;background-color:var(--header-background);color:var(--header-foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:0;border-block-end:.0625rem solid var(--header-border);padding-inline:var(--query-builder-outer-padding);padding-block:var(--query-builder-outer-padding) 1rem}.igx-query-builder__title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.igx-query-builder__title:empty{display:none}.igx-query-builder__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-foreground)}.igx-query-builder__main{display:grid;gap:1rem}.igx-query-builder__root{display:flex;flex-direction:column;flex-grow:1}.igx-query-builder__root>*{flex-grow:1}.igx-query-builder__root-actions{display:flex;gap:.5rem;padding-bottom:1rem}.igx-query-builder__outlet igx-select-item>igx-icon{width:var(--ig-icon-size, 1.125rem);height:var(--ig-icon-size, 1.125rem);font-size:var(--ig-icon-size, 1.125rem);margin-inline-end:.5rem}.igx-query-builder--inline{display:flex;flex-direction:column;width:100%;max-width:100%;height:inherit;max-height:inherit;min-width:30rem;box-shadow:none}.igx-query-builder--inline .igx-query-builder__main{min-height:initial;max-height:initial;flex-grow:1}.igx-filter-tree{display:flex;width:100%}.igx-filter-tree .igx-filter-tree{margin-block:.5rem}.igx-filter-tree__subquery{max-width:60rem}.igx-filter-tree__subquery:has(>.igx-filter-tree__inputs){background:var(--subquery-header-background);border:.0625rem solid var(--subquery-border-color);border-radius:var(--subquery-border-radius)}.igx-filter-tree__subquery:has(>.igx-query-builder-tree[style=\"display: none;\"]){display:none}.igx-filter-tree__subquery>.igx-filter-tree__inputs{padding:.75rem;border-radius:inherit}.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-input-group,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-date-picker,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-time-picker{flex-grow:1}.igx-filter-tree__subquery .igx-filter-tree__buttons{margin-block-start:.5rem}.igx-filter-tree__subquery .igx-query-builder-tree{border-block-start:.0625rem dashed var(--separator-color);padding:.75rem}.igx-filter-tree__subquery:empty{display:none}.igx-filter-tree__section{display:flex;flex-direction:column;gap:.5rem}.igx-filter-tree__section>.igx-filter-tree{margin-block:0}.igx-filter-tree__line{width:.125rem;background-color:#fff;margin-inline-end:.375rem;outline-style:none}.igx-filter-tree__line--and{background:var(--color-expression-group-and)}.igx-filter-tree__line--or{background:var(--color-expression-group-or)}.igx-filter-tree__button--and[igxButton=flat]{--foreground: var(--color-expression-group-and);--focus-visible-foreground: var(--color-expression-group-and);--icon-color: var(--color-expression-group-and);--focus-foreground: var(--color-expression-group-and);--hover-foreground: var(--color-expression-group-and);--icon-color-hover: var(--color-expression-group-and);--focus-hover-foreground: var(--color-expression-group-and);--active-foreground: var(--color-expression-group-and)}.igx-filter-tree__button--or[igxButton=flat]{--foreground: var(--color-expression-group-or);--focus-visible-foreground: var(--color-expression-group-or);--icon-color: var(--color-expression-group-or);--focus-foreground: var(--color-expression-group-or);--hover-foreground: var(--color-expression-group-or);--icon-color-hover: var(--color-expression-group-or);--focus-hover-foreground: var(--color-expression-group-or);--active-foreground: var(--color-expression-group-or)}.igx-filter-tree__expressions{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:.5rem}.igx-filter-tree__expression-context-menu{display:flex;width:100%}.igx-filter-tree__expression-context-menu [igxbutton=flat]{--ig-size: 1;border:none;min-width:auto}.igx-filter-tree__expression-section{display:flex;flex-direction:column;width:calc(100% - 1rem);gap:.5rem;margin-inline-start:1rem}.igx-filter-tree__expression-section:empty{display:none}.igx-filter-tree__expression-item{display:flex;align-items:center;width:100%;gap:.5rem;position:relative}.igx-filter-tree__expression-item igx-chip{--ig-size: 3}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-column{padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-condition{padding-inline-start:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip igx-prefix{display:flex}.igx-filter-tree__expression-item>igx-chip .igx-chip__end{gap:max(var(--is-large, 1)*max(.5rem,-1 * .5rem),var(--is-medium, 1)*max(.375rem,-1 * .375rem),var(--is-small, 1)*max(.1875rem,-1 * .1875rem))}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);--ig-body-2-text-transform: unset;padding-inline:2rem;background:#0000;border-width:.0625rem;border-style:dashed}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip__item,.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{box-shadow:var(--ghost-shadow);background:var(--ghost-background);color:var(--focus-text-color)}.igx-filter-tree__expression-column{padding:0 .5rem}.igx-filter-tree__expression-actions,.igx-filter-tree__expression-actions span{display:inline-flex}.igx-filter-tree__buttons{--ig-size: 1;display:flex;align-items:center;gap:.5rem}.igx-filter-tree__buttons [igxbutton=flat]{padding-block:0;border:none}.igx-filter-tree__inputs{--ig-size: 1;display:flex;align-items:flex-end;gap:1rem;width:100%;border-radius:inherit}.igx-filter-tree__inputs:empty{display:none}.igx-filter-tree__inputs-field{display:flex;flex-direction:column;gap:.25rem;max-width:15.625rem;width:100%}.igx-filter-tree__inputs-actions{--ig-size: 2;display:flex;gap:.5rem;align-items:center;width:auto;align-self:center}.igx-filter-tree__inputs-actions [igxIconButton]{transition:none}.igx-filter-tree__details-button{margin-inline-start:auto}.igx-query-builder-tree{background:var(--background)}.igx-query-builder-tree .igx-query-builder-tree{border-radius:var(--subquery-border-radius)}.igx-query-builder-tree--level-0{display:block;width:100%;padding-inline:var(--query-builder-outer-padding)}.igx-query-builder-tree--level-0>.igx-query-builder__main{gap:1rem}.igx-query-builder-tree--level-0>.igx-query-builder__main>.igx-filter-tree__section{--sb-size: .625rem;max-height:35.625rem;overflow-y:auto;overflow-x:hidden;padding-inline-end:var(--_tree-scrollbar-gutter)}.igx-query-builder-dialog{display:flex;flex-direction:column;gap:1rem;max-width:19.375rem}.igx-query-builder-dialog>*{margin:0!important}.igx-advanced-filter{background:var(--background);box-shadow:var(--ig-elevation-24);border-radius:var(--border-radius)}.igx-advanced-filter igx-query-builder{box-shadow:none;border:none;border-radius:inherit}.igx-advanced-filter igx-query-builder-header{cursor:grab}}@layer ig.material{@container style(--ig-theme: material){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.material{@container style(--ig-theme: material){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-query-builder{--query-builder-outer-padding: 1rem}.igx-query-builder:has(igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:1rem var(--query-builder-outer-padding)}.igx-query-builder__title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin-block:0}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-advanced-filter .igx-excel-filter__secondary-footer{padding:1rem;border-top:.0625rem solid var(--header-border)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-and) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-or) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1)}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 1}.igx-filter-tree__expression-context-menu{--ig-button-text-transform: capitalize}.igx-filter-tree__inputs{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-filter-tree__button--and[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08)}.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08)}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}.igx-filter-tree__inputs{--ig-size: 1}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-advanced-filter{box-shadow:var(--ig-elevation-24)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:.5rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{border-color:var(--border-color)}.igx-filter-tree__expression-condition{opacity:.8}.igx-filter-tree__inputs{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost igx-chip:hover .igx-chip__item{border-color:var(--border-color)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-query-builder--sortable .igx-query-builder__icons .sort-icon{opacity:.75}.igx-query-builder--sortable .igx-query-builder__icons .sort-icon:hover{opacity:1}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat],.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: var(--ig-gray-200);--focus-visible-background: transparent;--focus-background: transparent;--active-background: var(--ig-gray-200);--hover-background: var(--ig-gray-200)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}\n"], dependencies: [{ kind: "component", type: IgxQueryBuilderTreeComponent, selector: "igx-query-builder-tree", inputs: ["entities", "queryBuilder", "searchValueTemplate", "parentExpression", "fields", "expressionTree", "locale", "resourceStrings", "expectedReturnField"], outputs: ["expressionTreeChange", "inEditModeChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: IgxQueryBuilderComponent, isStandalone: true, selector: "igx-query-builder", inputs: { showEntityChangeDialog: ["showEntityChangeDialog", "showEntityChangeDialog", booleanAttribute], entities: "entities", fields: "fields", expressionTree: "expressionTree", locale: "locale", resourceStrings: "resourceStrings", disableEntityChange: "disableEntityChange", searchValueTemplate: "searchValueTemplate", disableReturnFieldsChange: "disableReturnFieldsChange" }, outputs: { expressionTreeChange: "expressionTreeChange" }, host: { properties: { "class.igx-query-builder": "this.cssClass", "style.display": "this.display" } }, queries: [{ propertyName: "searchValueTemplateDirective", first: true, predicate: IgxQueryBuilderSearchValueTemplateDirective, descendants: true }, { propertyName: "queryBuilderHeaderCollection", predicate: IgxQueryBuilderHeaderComponent }], viewQueries: [{ propertyName: "queryTree", first: true, predicate: IgxQueryBuilderTreeComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"igx-query-builder-header,igc-query-builder-header\"></ng-content>\n\n<igx-query-builder-tree\n    [entities]=\"this.entities\"\n    [expressionTree]=\"this.expressionTree\"\n    [locale]=\"this.locale\"\n    [resourceStrings]=\"this.resourceStrings\"\n    [queryBuilder]=\"this\"\n    (expressionTreeChange)=\"onExpressionTreeChange($event)\"\n    [searchValueTemplate]=\"searchValueTemplate\">\n</igx-query-builder-tree>\n", styles: ["@layer ig.base{.igx-query-builder{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--query-builder-outer-padding: 1.5rem;--_tree-scrollbar-gutter: 1rem;width:auto;min-width:41.25rem;background-color:var(--background);border-radius:var(--border-radius);box-shadow:var(--elevation);overflow:hidden}.igx-query-builder:has(:not(igx-query-builder-header)){padding-block-start:var(--query-builder-outer-padding)}.igx-query-builder:has(:not(igx-query-builder-header)) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}.igx-query-builder:has(igx-query-builder-header){padding-block-start:0}.igx-query-builder .igx-chip__ghost{position:relative}.igx-query-builder__header{display:flex;align-items:center;background-color:var(--header-background);color:var(--header-foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:0;border-block-end:.0625rem solid var(--header-border);padding-inline:var(--query-builder-outer-padding);padding-block:var(--query-builder-outer-padding) 1rem}.igx-query-builder__title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.igx-query-builder__title:empty{display:none}.igx-query-builder__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-foreground)}.igx-query-builder__main{display:grid;gap:1rem}.igx-query-builder__root{display:flex;flex-direction:column;flex-grow:1}.igx-query-builder__root>*{flex-grow:1}.igx-query-builder__root-actions{display:flex;gap:.5rem;padding-bottom:1rem}.igx-query-builder__outlet igx-select-item{--ig-icon-size: 1.125rem}.igx-query-builder--inline{display:flex;flex-direction:column;width:100%;max-width:100%;height:inherit;max-height:inherit;min-width:30rem;box-shadow:none}.igx-query-builder--inline .igx-query-builder__main{min-height:initial;max-height:initial;flex-grow:1}.igx-filter-tree{display:flex;width:100%}.igx-filter-tree .igx-filter-tree{margin-block:.5rem}.igx-filter-tree__subquery{max-width:60rem}.igx-filter-tree__subquery:has(>.igx-filter-tree__inputs){background:var(--subquery-header-background);border:.0625rem solid var(--subquery-border-color);border-radius:var(--subquery-border-radius)}.igx-filter-tree__subquery:has(>.igx-query-builder-tree[style=\"display: none;\"]){display:none}.igx-filter-tree__subquery>.igx-filter-tree__inputs{padding:.75rem;border-radius:inherit}.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-input-group,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-date-picker,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-time-picker{flex-grow:1}.igx-filter-tree__subquery .igx-filter-tree__buttons{margin-block-start:.5rem}.igx-filter-tree__subquery .igx-query-builder-tree{border-block-start:.0625rem dashed var(--separator-color);padding:.75rem}.igx-filter-tree__subquery:empty{display:none}.igx-filter-tree__section{display:flex;flex-direction:column;gap:.5rem}.igx-filter-tree__section>.igx-filter-tree{margin-block:0}.igx-filter-tree__line{width:.125rem;background-color:#fff;margin-inline-end:.375rem;outline-style:none}.igx-filter-tree__line--and{background:var(--color-expression-group-and)}.igx-filter-tree__line--or{background:var(--color-expression-group-or)}.igx-filter-tree__button--and[igxButton=flat]{--foreground: var(--color-expression-group-and);--focus-visible-foreground: var(--color-expression-group-and);--icon-color: var(--color-expression-group-and);--focus-foreground: var(--color-expression-group-and);--hover-foreground: var(--color-expression-group-and);--icon-color-hover: var(--color-expression-group-and);--focus-hover-foreground: var(--color-expression-group-and);--active-foreground: var(--color-expression-group-and)}.igx-filter-tree__button--or[igxButton=flat]{--foreground: var(--color-expression-group-or);--focus-visible-foreground: var(--color-expression-group-or);--icon-color: var(--color-expression-group-or);--focus-foreground: var(--color-expression-group-or);--hover-foreground: var(--color-expression-group-or);--icon-color-hover: var(--color-expression-group-or);--focus-hover-foreground: var(--color-expression-group-or);--active-foreground: var(--color-expression-group-or)}.igx-filter-tree__expressions{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:.5rem}.igx-filter-tree__expression-context-menu{display:flex;width:100%}.igx-filter-tree__expression-context-menu [igxbutton=flat]{--ig-size: 1;border:none;min-width:auto}.igx-filter-tree__expression-section{display:flex;flex-direction:column;width:calc(100% - 1rem);gap:.5rem;margin-inline-start:1rem}.igx-filter-tree__expression-section:empty{display:none}.igx-filter-tree__expression-item{display:flex;align-items:center;width:100%;gap:.5rem;position:relative}.igx-filter-tree__expression-item igx-chip{--ig-size: 3}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-column{padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-condition{padding-inline-start:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip igx-prefix{display:flex}.igx-filter-tree__expression-item>igx-chip .igx-chip__end{gap:max(var(--is-large, 1)*max(.5rem,-1 * .5rem),var(--is-medium, 1)*max(.375rem,-1 * .375rem),var(--is-small, 1)*max(.1875rem,-1 * .1875rem))}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);--ig-body-2-text-transform: unset;padding-inline:2rem;background:#0000;border-width:.0625rem;border-style:dashed}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip__item,.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{box-shadow:var(--ghost-shadow);background:var(--ghost-background);color:var(--focus-text-color)}.igx-filter-tree__expression-column{padding:0 .5rem}.igx-filter-tree__expression-actions,.igx-filter-tree__expression-actions span{display:inline-flex}.igx-filter-tree__buttons{--ig-size: 1;display:flex;align-items:center;gap:.5rem}.igx-filter-tree__buttons [igxbutton=flat]{padding-block:0;border:none}.igx-filter-tree__inputs{--ig-size: 1;display:flex;align-items:flex-end;gap:1rem;width:100%;border-radius:inherit}.igx-filter-tree__inputs:empty{display:none}.igx-filter-tree__inputs-field{display:flex;flex-direction:column;gap:.25rem;max-width:15.625rem;width:100%}.igx-filter-tree__inputs-actions{--ig-size: 2;display:flex;gap:.5rem;align-items:center;width:auto;align-self:center}.igx-filter-tree__inputs-actions [igxIconButton]{transition:none}.igx-filter-tree__details-button{margin-inline-start:auto}.igx-query-builder-tree{background:var(--background)}.igx-query-builder-tree .igx-query-builder-tree{border-radius:var(--subquery-border-radius)}.igx-query-builder-tree--level-0{display:block;width:100%;padding-inline:var(--query-builder-outer-padding)}.igx-query-builder-tree--level-0>.igx-query-builder__main{gap:1rem}.igx-query-builder-tree--level-0>.igx-query-builder__main>.igx-filter-tree__section{--sb-size: .625rem;max-height:35.625rem;overflow-y:auto;overflow-x:hidden;padding-inline-end:var(--_tree-scrollbar-gutter)}.igx-query-builder-dialog{display:flex;flex-direction:column;gap:1rem;max-width:19.375rem}.igx-query-builder-dialog>*{margin:0!important}.igx-advanced-filter{background:var(--background);box-shadow:var(--ig-elevation-24);border-radius:var(--border-radius)}.igx-advanced-filter igx-query-builder{box-shadow:none;border:none;border-radius:inherit}.igx-advanced-filter igx-query-builder-header{cursor:grab}}@layer ig.material{@container style(--ig-theme: material){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.material{@container style(--ig-theme: material){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-query-builder{--query-builder-outer-padding: 1rem}.igx-query-builder:has(igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:1rem var(--query-builder-outer-padding)}.igx-query-builder__title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin-block:0}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-advanced-filter .igx-excel-filter__secondary-footer{padding:1rem;border-top:.0625rem solid var(--header-border)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-and) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-or) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1)}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 1}.igx-filter-tree__expression-context-menu{--ig-button-text-transform: capitalize}.igx-filter-tree__inputs{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-filter-tree__button--and[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08)}.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08)}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}.igx-filter-tree__inputs{--ig-size: 1}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-advanced-filter{box-shadow:var(--ig-elevation-24)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:.5rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{border-color:var(--border-color)}.igx-filter-tree__expression-condition{opacity:.8}.igx-filter-tree__inputs{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost igx-chip:hover .igx-chip__item{border-color:var(--border-color)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-query-builder--sortable .igx-query-builder__icons .sort-icon{opacity:.75}.igx-query-builder--sortable .igx-query-builder__icons .sort-icon:hover{opacity:1}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat],.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: var(--ig-gray-200);--focus-visible-background: transparent;--focus-background: transparent;--active-background: var(--ig-gray-200);--hover-background: var(--ig-gray-200)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}\n"], dependencies: [{ kind: "component", type: IgxQueryBuilderTreeComponent, selector: "igx-query-builder-tree", inputs: ["entities", "queryBuilder", "searchValueTemplate", "parentExpression", "fields", "expressionTree", "locale", "resourceStrings", "expectedReturnField"], outputs: ["expressionTreeChange", "inEditModeChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igx-query-builder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderTreeComponent], template: "<ng-content select=\"igx-query-builder-header,igc-query-builder-header\"></ng-content>\n\n<igx-query-builder-tree\n    [entities]=\"this.entities\"\n    [expressionTree]=\"this.expressionTree\"\n    [locale]=\"this.locale\"\n    [resourceStrings]=\"this.resourceStrings\"\n    [queryBuilder]=\"this\"\n    (expressionTreeChange)=\"onExpressionTreeChange($event)\"\n    [searchValueTemplate]=\"searchValueTemplate\">\n</igx-query-builder-tree>\n", styles: ["@layer ig.base{.igx-query-builder{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--query-builder-outer-padding: 1.5rem;--_tree-scrollbar-gutter: 1rem;width:auto;min-width:41.25rem;background-color:var(--background);border-radius:var(--border-radius);box-shadow:var(--elevation);overflow:hidden}.igx-query-builder:has(:not(igx-query-builder-header)){padding-block-start:var(--query-builder-outer-padding)}.igx-query-builder:has(:not(igx-query-builder-header)) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}.igx-query-builder:has(igx-query-builder-header){padding-block-start:0}.igx-query-builder .igx-chip__ghost{position:relative}.igx-query-builder__header{display:flex;align-items:center;background-color:var(--header-background);color:var(--header-foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:0;border-block-end:.0625rem solid var(--header-border);padding-inline:var(--query-builder-outer-padding);padding-block:var(--query-builder-outer-padding) 1rem}.igx-query-builder__title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.igx-query-builder__title:empty{display:none}.igx-query-builder__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-foreground)}.igx-query-builder__main{display:grid;gap:1rem}.igx-query-builder__root{display:flex;flex-direction:column;flex-grow:1}.igx-query-builder__root>*{flex-grow:1}.igx-query-builder__root-actions{display:flex;gap:.5rem;padding-bottom:1rem}.igx-query-builder__outlet igx-select-item>igx-icon{width:var(--ig-icon-size, 1.125rem);height:var(--ig-icon-size, 1.125rem);font-size:var(--ig-icon-size, 1.125rem);margin-inline-end:.5rem}.igx-query-builder--inline{display:flex;flex-direction:column;width:100%;max-width:100%;height:inherit;max-height:inherit;min-width:30rem;box-shadow:none}.igx-query-builder--inline .igx-query-builder__main{min-height:initial;max-height:initial;flex-grow:1}.igx-filter-tree{display:flex;width:100%}.igx-filter-tree .igx-filter-tree{margin-block:.5rem}.igx-filter-tree__subquery{max-width:60rem}.igx-filter-tree__subquery:has(>.igx-filter-tree__inputs){background:var(--subquery-header-background);border:.0625rem solid var(--subquery-border-color);border-radius:var(--subquery-border-radius)}.igx-filter-tree__subquery:has(>.igx-query-builder-tree[style=\"display: none;\"]){display:none}.igx-filter-tree__subquery>.igx-filter-tree__inputs{padding:.75rem;border-radius:inherit}.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-input-group,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-date-picker,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-time-picker{flex-grow:1}.igx-filter-tree__subquery .igx-filter-tree__buttons{margin-block-start:.5rem}.igx-filter-tree__subquery .igx-query-builder-tree{border-block-start:.0625rem dashed var(--separator-color);padding:.75rem}.igx-filter-tree__subquery:empty{display:none}.igx-filter-tree__section{display:flex;flex-direction:column;gap:.5rem}.igx-filter-tree__section>.igx-filter-tree{margin-block:0}.igx-filter-tree__line{width:.125rem;background-color:#fff;margin-inline-end:.375rem;outline-style:none}.igx-filter-tree__line--and{background:var(--color-expression-group-and)}.igx-filter-tree__line--or{background:var(--color-expression-group-or)}.igx-filter-tree__button--and[igxButton=flat]{--foreground: var(--color-expression-group-and);--focus-visible-foreground: var(--color-expression-group-and);--icon-color: var(--color-expression-group-and);--focus-foreground: var(--color-expression-group-and);--hover-foreground: var(--color-expression-group-and);--icon-color-hover: var(--color-expression-group-and);--focus-hover-foreground: var(--color-expression-group-and);--active-foreground: var(--color-expression-group-and)}.igx-filter-tree__button--or[igxButton=flat]{--foreground: var(--color-expression-group-or);--focus-visible-foreground: var(--color-expression-group-or);--icon-color: var(--color-expression-group-or);--focus-foreground: var(--color-expression-group-or);--hover-foreground: var(--color-expression-group-or);--icon-color-hover: var(--color-expression-group-or);--focus-hover-foreground: var(--color-expression-group-or);--active-foreground: var(--color-expression-group-or)}.igx-filter-tree__expressions{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:.5rem}.igx-filter-tree__expression-context-menu{display:flex;width:100%}.igx-filter-tree__expression-context-menu [igxbutton=flat]{--ig-size: 1;border:none;min-width:auto}.igx-filter-tree__expression-section{display:flex;flex-direction:column;width:calc(100% - 1rem);gap:.5rem;margin-inline-start:1rem}.igx-filter-tree__expression-section:empty{display:none}.igx-filter-tree__expression-item{display:flex;align-items:center;width:100%;gap:.5rem;position:relative}.igx-filter-tree__expression-item igx-chip{--ig-size: 3}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-column{padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-condition{padding-inline-start:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip igx-prefix{display:flex}.igx-filter-tree__expression-item>igx-chip .igx-chip__end{gap:max(var(--is-large, 1)*max(.5rem,-1 * .5rem),var(--is-medium, 1)*max(.375rem,-1 * .375rem),var(--is-small, 1)*max(.1875rem,-1 * .1875rem))}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);--ig-body-2-text-transform: unset;padding-inline:2rem;background:#0000;border-width:.0625rem;border-style:dashed}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip__item,.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{box-shadow:var(--ghost-shadow);background:var(--ghost-background);color:var(--focus-text-color)}.igx-filter-tree__expression-column{padding:0 .5rem}.igx-filter-tree__expression-actions,.igx-filter-tree__expression-actions span{display:inline-flex}.igx-filter-tree__buttons{--ig-size: 1;display:flex;align-items:center;gap:.5rem}.igx-filter-tree__buttons [igxbutton=flat]{padding-block:0;border:none}.igx-filter-tree__inputs{--ig-size: 1;display:flex;align-items:flex-end;gap:1rem;width:100%;border-radius:inherit}.igx-filter-tree__inputs:empty{display:none}.igx-filter-tree__inputs-field{display:flex;flex-direction:column;gap:.25rem;max-width:15.625rem;width:100%}.igx-filter-tree__inputs-actions{--ig-size: 2;display:flex;gap:.5rem;align-items:center;width:auto;align-self:center}.igx-filter-tree__inputs-actions [igxIconButton]{transition:none}.igx-filter-tree__details-button{margin-inline-start:auto}.igx-query-builder-tree{background:var(--background)}.igx-query-builder-tree .igx-query-builder-tree{border-radius:var(--subquery-border-radius)}.igx-query-builder-tree--level-0{display:block;width:100%;padding-inline:var(--query-builder-outer-padding)}.igx-query-builder-tree--level-0>.igx-query-builder__main{gap:1rem}.igx-query-builder-tree--level-0>.igx-query-builder__main>.igx-filter-tree__section{--sb-size: .625rem;max-height:35.625rem;overflow-y:auto;overflow-x:hidden;padding-inline-end:var(--_tree-scrollbar-gutter)}.igx-query-builder-dialog{display:flex;flex-direction:column;gap:1rem;max-width:19.375rem}.igx-query-builder-dialog>*{margin:0!important}.igx-advanced-filter{background:var(--background);box-shadow:var(--ig-elevation-24);border-radius:var(--border-radius)}.igx-advanced-filter igx-query-builder{box-shadow:none;border:none;border-radius:inherit}.igx-advanced-filter igx-query-builder-header{cursor:grab}}@layer ig.material{@container style(--ig-theme: material){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.material{@container style(--ig-theme: material){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-query-builder{--query-builder-outer-padding: 1rem}.igx-query-builder:has(igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:1rem var(--query-builder-outer-padding)}.igx-query-builder__title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin-block:0}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-advanced-filter .igx-excel-filter__secondary-footer{padding:1rem;border-top:.0625rem solid var(--header-border)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-and) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-or) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1)}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 1}.igx-filter-tree__expression-context-menu{--ig-button-text-transform: capitalize}.igx-filter-tree__inputs{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-filter-tree__button--and[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08)}.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08)}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}.igx-filter-tree__inputs{--ig-size: 1}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-advanced-filter{box-shadow:var(--ig-elevation-24)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:.5rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{border-color:var(--border-color)}.igx-filter-tree__expression-condition{opacity:.8}.igx-filter-tree__inputs{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost igx-chip:hover .igx-chip__item{border-color:var(--border-color)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-query-builder--sortable .igx-query-builder__icons .sort-icon{opacity:.75}.igx-query-builder--sortable .igx-query-builder__icons .sort-icon:hover{opacity:1}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat],.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: var(--ig-gray-200);--focus-visible-background: transparent;--focus-background: transparent;--active-background: var(--ig-gray-200);--hover-background: var(--ig-gray-200)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}\n"] }]
+            args: [{ selector: 'igx-query-builder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderTreeComponent], template: "<ng-content select=\"igx-query-builder-header,igc-query-builder-header\"></ng-content>\n\n<igx-query-builder-tree\n    [entities]=\"this.entities\"\n    [expressionTree]=\"this.expressionTree\"\n    [locale]=\"this.locale\"\n    [resourceStrings]=\"this.resourceStrings\"\n    [queryBuilder]=\"this\"\n    (expressionTreeChange)=\"onExpressionTreeChange($event)\"\n    [searchValueTemplate]=\"searchValueTemplate\">\n</igx-query-builder-tree>\n", styles: ["@layer ig.base{.igx-query-builder{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--query-builder-outer-padding: 1.5rem;--_tree-scrollbar-gutter: 1rem;width:auto;min-width:41.25rem;background-color:var(--background);border-radius:var(--border-radius);box-shadow:var(--elevation);overflow:hidden}.igx-query-builder:has(:not(igx-query-builder-header)){padding-block-start:var(--query-builder-outer-padding)}.igx-query-builder:has(:not(igx-query-builder-header)) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}.igx-query-builder:has(igx-query-builder-header){padding-block-start:0}.igx-query-builder .igx-chip__ghost{position:relative}.igx-query-builder__header{display:flex;align-items:center;background-color:var(--header-background);color:var(--header-foreground);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:0;border-block-end:.0625rem solid var(--header-border);padding-inline:var(--query-builder-outer-padding);padding-block:var(--query-builder-outer-padding) 1rem}.igx-query-builder__title{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.igx-query-builder__title:empty{display:none}.igx-query-builder__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--label-foreground)}.igx-query-builder__main{display:grid;gap:1rem}.igx-query-builder__root{display:flex;flex-direction:column;flex-grow:1}.igx-query-builder__root>*{flex-grow:1}.igx-query-builder__root-actions{display:flex;gap:.5rem;padding-bottom:1rem}.igx-query-builder__outlet igx-select-item{--ig-icon-size: 1.125rem}.igx-query-builder--inline{display:flex;flex-direction:column;width:100%;max-width:100%;height:inherit;max-height:inherit;min-width:30rem;box-shadow:none}.igx-query-builder--inline .igx-query-builder__main{min-height:initial;max-height:initial;flex-grow:1}.igx-filter-tree{display:flex;width:100%}.igx-filter-tree .igx-filter-tree{margin-block:.5rem}.igx-filter-tree__subquery{max-width:60rem}.igx-filter-tree__subquery:has(>.igx-filter-tree__inputs){background:var(--subquery-header-background);border:.0625rem solid var(--subquery-border-color);border-radius:var(--subquery-border-radius)}.igx-filter-tree__subquery:has(>.igx-query-builder-tree[style=\"display: none;\"]){display:none}.igx-filter-tree__subquery>.igx-filter-tree__inputs{padding:.75rem;border-radius:inherit}.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-input-group,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-date-picker,.igx-filter-tree__subquery>.igx-filter-tree__inputs>igx-time-picker{flex-grow:1}.igx-filter-tree__subquery .igx-filter-tree__buttons{margin-block-start:.5rem}.igx-filter-tree__subquery .igx-query-builder-tree{border-block-start:.0625rem dashed var(--separator-color);padding:.75rem}.igx-filter-tree__subquery:empty{display:none}.igx-filter-tree__section{display:flex;flex-direction:column;gap:.5rem}.igx-filter-tree__section>.igx-filter-tree{margin-block:0}.igx-filter-tree__line{width:.125rem;background-color:#fff;margin-inline-end:.375rem;outline-style:none}.igx-filter-tree__line--and{background:var(--color-expression-group-and)}.igx-filter-tree__line--or{background:var(--color-expression-group-or)}.igx-filter-tree__button--and[igxButton=flat]{--foreground: var(--color-expression-group-and);--focus-visible-foreground: var(--color-expression-group-and);--icon-color: var(--color-expression-group-and);--focus-foreground: var(--color-expression-group-and);--hover-foreground: var(--color-expression-group-and);--icon-color-hover: var(--color-expression-group-and);--focus-hover-foreground: var(--color-expression-group-and);--active-foreground: var(--color-expression-group-and)}.igx-filter-tree__button--or[igxButton=flat]{--foreground: var(--color-expression-group-or);--focus-visible-foreground: var(--color-expression-group-or);--icon-color: var(--color-expression-group-or);--focus-foreground: var(--color-expression-group-or);--hover-foreground: var(--color-expression-group-or);--icon-color-hover: var(--color-expression-group-or);--focus-hover-foreground: var(--color-expression-group-or);--active-foreground: var(--color-expression-group-or)}.igx-filter-tree__expressions{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:.5rem}.igx-filter-tree__expression-context-menu{display:flex;width:100%}.igx-filter-tree__expression-context-menu [igxbutton=flat]{--ig-size: 1;border:none;min-width:auto}.igx-filter-tree__expression-section{display:flex;flex-direction:column;width:calc(100% - 1rem);gap:.5rem;margin-inline-start:1rem}.igx-filter-tree__expression-section:empty{display:none}.igx-filter-tree__expression-item{display:flex;align-items:center;width:100%;gap:.5rem;position:relative}.igx-filter-tree__expression-item igx-chip{--ig-size: 3}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-column{padding-inline:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip .igx-filter-tree__expression-condition{padding-inline-start:max(var(--is-large, 1)*max(.5rem,-1 * .5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(.375rem,-1 * .375rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(.1875rem,-1 * .1875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}.igx-filter-tree__expression-item>igx-chip igx-prefix{display:flex}.igx-filter-tree__expression-item>igx-chip .igx-chip__end{gap:max(var(--is-large, 1)*max(.5rem,-1 * .5rem),var(--is-medium, 1)*max(.375rem,-1 * .375rem),var(--is-small, 1)*max(.1875rem,-1 * .1875rem))}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);--ig-body-2-text-transform: unset;padding-inline:2rem;background:#0000;border-width:.0625rem;border-style:dashed}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip__item,.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{box-shadow:var(--ghost-shadow);background:var(--ghost-background);color:var(--focus-text-color)}.igx-filter-tree__expression-column{padding:0 .5rem}.igx-filter-tree__expression-actions,.igx-filter-tree__expression-actions span{display:inline-flex}.igx-filter-tree__buttons{--ig-size: 1;display:flex;align-items:center;gap:.5rem}.igx-filter-tree__buttons [igxbutton=flat]{padding-block:0;border:none}.igx-filter-tree__inputs{--ig-size: 1;display:flex;align-items:flex-end;gap:1rem;width:100%;border-radius:inherit}.igx-filter-tree__inputs:empty{display:none}.igx-filter-tree__inputs-field{display:flex;flex-direction:column;gap:.25rem;max-width:15.625rem;width:100%}.igx-filter-tree__inputs-actions{--ig-size: 2;display:flex;gap:.5rem;align-items:center;width:auto;align-self:center}.igx-filter-tree__inputs-actions [igxIconButton]{transition:none}.igx-filter-tree__details-button{margin-inline-start:auto}.igx-query-builder-tree{background:var(--background)}.igx-query-builder-tree .igx-query-builder-tree{border-radius:var(--subquery-border-radius)}.igx-query-builder-tree--level-0{display:block;width:100%;padding-inline:var(--query-builder-outer-padding)}.igx-query-builder-tree--level-0>.igx-query-builder__main{gap:1rem}.igx-query-builder-tree--level-0>.igx-query-builder__main>.igx-filter-tree__section{--sb-size: .625rem;max-height:35.625rem;overflow-y:auto;overflow-x:hidden;padding-inline-end:var(--_tree-scrollbar-gutter)}.igx-query-builder-dialog{display:flex;flex-direction:column;gap:1rem;max-width:19.375rem}.igx-query-builder-dialog>*{margin:0!important}.igx-advanced-filter{background:var(--background);box-shadow:var(--ig-elevation-24);border-radius:var(--border-radius)}.igx-advanced-filter igx-query-builder{box-shadow:none;border:none;border-radius:inherit}.igx-advanced-filter igx-query-builder-header{cursor:grab}}@layer ig.material{@container style(--ig-theme: material){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.material{@container style(--ig-theme: material){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-query-builder{--query-builder-outer-padding: 1rem}.igx-query-builder:has(igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:1rem var(--query-builder-outer-padding)}.igx-query-builder__title{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin-block:0}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-advanced-filter .igx-excel-filter__secondary-footer{padding:1rem;border-top:.0625rem solid var(--header-border)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-and) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 34% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: transparent;--focus-visible-background: transparent;--focus-background: transparent;--active-background: transparent;--hover-background: transparent;--background: transparent;--shadow-color: hsl(from var(--color-expression-group-or) h s l / .5);--icon-color-hover: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 14% / 1)}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 1}.igx-filter-tree__expression-context-menu{--ig-button-text-transform: capitalize}.igx-filter-tree__inputs{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0 var(--query-builder-outer-padding)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-filter-tree__button--and[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08)}.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--focus-visible-background: transparent;--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08)}.igx-filter-tree__expression-actions{gap:1rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-condition{opacity:.6}.igx-filter-tree__inputs{--ig-size: 1}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-advanced-filter{box-shadow:var(--ig-elevation-24)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-query-builder:has(.igx-query-builder-header) .igx-query-builder-tree--level-0{padding-block:0}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-filter-tree__button--and[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-and) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-and) h s l / .16);--focus-background: hsl(from var(--color-expression-group-and) h s l / .16);--active-background: hsl(from var(--color-expression-group-and) h s l / .16);--hover-background: hsl(from var(--color-expression-group-and) h s l / .08);--background: transparent}.igx-filter-tree__button--or[igxButton=flat]{--focus-hover-background: hsl(from var(--color-expression-group-or) h s l / .24);--focus-visible-background: hsl(from var(--color-expression-group-or) h s l / .16);--focus-background: hsl(from var(--color-expression-group-or) h s l / .16);--active-background: hsl(from var(--color-expression-group-or) h s l / .16);--hover-background: hsl(from var(--color-expression-group-or) h s l / .08);--background: transparent}.igx-filter-tree__expression-actions{gap:.5rem}.igx-filter-tree__expression-actions .igx-icon-button{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost .igx-chip:hover .igx-chip__item{border-color:var(--border-color)}.igx-filter-tree__expression-condition{opacity:.8}.igx-filter-tree__inputs{--ig-size: 2}.igx-filter-tree__expression-item-keyboard-ghost igx-chip:hover .igx-chip__item{border-color:var(--border-color)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-query-builder--sortable .igx-query-builder__icons .sort-icon{opacity:.75}.igx-query-builder--sortable .igx-query-builder__icons .sort-icon:hover{opacity:1}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: light){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-600);border-color:var(--ig-gray-600)}}}@layer ig.material{@container style(--ig-theme: material) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1);--active-foreground: hsl(from var(--color-expression-group-and) h s 78% / 1)}.igx-filter-tree__button--or[igxButton=flat]{--icon-color-hover: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--focus-hover-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1);--active-foreground: hsl(from var(--color-expression-group-or) h s 47% / 1)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-filter-tree__button--and[igxButton=flat],.igx-filter-tree__button--or[igxButton=flat]{--background: transparent;--focus-hover-background: var(--ig-gray-200);--focus-visible-background: transparent;--focus-background: transparent;--active-background: var(--ig-gray-200);--hover-background: var(--ig-gray-200)}.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}@layer ig.indigo{@container style(--ig-theme: indigo) and style(--ig-theme-variant: dark){.igx-filter-tree__expression-item-drop-ghost .igx-chip__item{color:var(--ig-gray-900);border-color:var(--ig-gray-300)}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { cssClass: [{
                 type: HostBinding,
                 args: ['class.igx-query-builder']
@@ -2360,11 +2360,11 @@ const IGX_QUERY_BUILDER_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxQueryBuilderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderModule, imports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderSearchValueTemplateDirective], exports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderSearchValueTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderModule, imports: [IgxQueryBuilderComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderModule, imports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderSearchValueTemplateDirective], exports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxQueryBuilderSearchValueTemplateDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderModule, imports: [IgxQueryBuilderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxQueryBuilderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxQueryBuilderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [