@pepperi-addons/ngx-lib 0.3.15-beta.19 → 0.3.15-beta.21

package/query-builder/common/services/output-query.service.d.ts

@@ -1,44 +1,44 @@
-import { IPepQuerySection, IPepQueryItem } from '../model/legacy';
-export declare class PepOutputQueryService {
-    private _complexIdCounter;
-    private _expressionIdCounter;
-    constructor();
-    /**
-     * generates a legacy query structure
-     * @param filters UI smart filters structure
-     * @returns legacy query
-     */
-    generateQuery(filters: any): IPepQuerySection | IPepQueryItem;
-    /**
-     * init params
-     */
-    private initParams;
-    /**
-     * a recursive function dynamically builds legacy query structure
-     * @param current UI object represents either a section or filter component
-     * @returns section query data
-     */
-    private sectionWalk;
-    /**
-     * adds a legacy filter object to the current query structure
-     * @param section section query data
-     * @param item filter item
-     * @param operator query operator
-     * @returns
-     */
-    private addToSection;
-    /**
-     * creates a legacy complex object
-     * @param left LeftNode object
-     * @param right RightNode object
-     * @param operator query operator
-     * @returns legacy complex object
-     */
-    private createSection;
-    /**
-     * gets legacy filter values object
-     * @param current UI filter object's values
-     * @returns an array represents legacy values
-     */
-    private getItemValues;
-}
+import { IPepQuerySection, IPepQueryItem } from '../model/legacy';
+export declare class PepOutputQueryService {
+    private _complexIdCounter;
+    private _expressionIdCounter;
+    constructor();
+    /**
+     * generates a legacy query structure
+     * @param filters UI smart filters structure
+     * @returns legacy query
+     */
+    generateQuery(filters: any): IPepQuerySection | IPepQueryItem;
+    /**
+     * init params
+     */
+    private initParams;
+    /**
+     * a recursive function dynamically builds legacy query structure
+     * @param current UI object represents either a section or filter component
+     * @returns section query data
+     */
+    private sectionWalk;
+    /**
+     * adds a legacy filter object to the current query structure
+     * @param section section query data
+     * @param item filter item
+     * @param operator query operator
+     * @returns
+     */
+    private addToSection;
+    /**
+     * creates a legacy complex object
+     * @param left LeftNode object
+     * @param right RightNode object
+     * @param operator query operator
+     * @returns legacy complex object
+     */
+    private createSection;
+    /**
+     * gets legacy filter values object
+     * @param current UI filter object's values
+     * @returns an array represents legacy values
+     */
+    private getItemValues;
+}

package/query-builder/common/services/query-structure.service.d.ts

@@ -1,78 +1,78 @@
-import { ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { IPepQueryBuilderField, IPepQuerySection, IPepQueryItem } from '../../common/model/legacy';
-import { PepQueryBuilderService } from '../../query-builder.service';
-import { PepOutputQueryService } from '../../common/services/output-query.service';
-import { PepOperatorTypes } from '../../common/model/type';
-export declare class PepQueryStructureService {
-    private _fb;
-    private _resolver;
-    private _outputQueryService;
-    private _queryBuilderService;
-    private _outputQuery$;
-    private _smartFilterFields;
-    private _variableFields;
-    private _form;
-    private _maxStructureDepth;
-    outputQuery$: import("rxjs").Observable<IPepQuerySection | IPepQueryItem>;
-    constructor(_fb: FormBuilder, _resolver: ComponentFactoryResolver, _outputQueryService: PepOutputQueryService, _queryBuilderService: PepQueryBuilderService);
-    set maxDepth(value: number);
-    get maxDepth(): number;
-    set fields(list: Array<IPepQueryBuilderField>);
-    get hasFields(): boolean;
-    set variableFields(list: Array<IPepQueryBuilderField>);
-    set form(value: FormGroup);
-    get form(): FormGroup;
-    /**
-     * builds a dynamic UI query structure
-     * might has a different structure than the query's due to parent-child elements merge
-     * @param query legacy query
-     * @param containerRef reference to root element
-     */
-    buildQueryStructure(query: IPepQuerySection | IPepQueryItem, containerRef: ViewContainerRef): void;
-    /**
-    * checks if the object contains property
-    * @param obj object
-    * @param prop property name
-    * @returns true if contains, false otherwise
-    */
-    private hasProperty;
-    /**
-     * a recursive function dynamically builds UI filters structure
-     * @param parentOperator parent legacy complex operator
-     * @param current child legacy object (either another complex or expression type)
-     * @param containerRef parent element
-     * @param parentForm parent form
-     */
-    private flatten;
-    /**
-     * creates a container object of two or more child filter items
-     * @param operator AND/OR operator
-     * @param containerRef parent element
-     * @param parentForm parent form
-     * @param depth
-     * @returns an object containing the current element and current form
-     */
-    createSection(operator: PepOperatorTypes, containerRef: ViewContainerRef, parentForm: FormGroup, depth: number): {
-        containerRef: ViewContainerRef;
-        parentForm: FormGroup;
-    };
-    /**
-     * creates a component represents filter item (leaf element - has no childs)
-     * @param current filter legacy element
-     * @param containerRef parent element
-     * @param parentForm parent form
-     */
-    createItem(current: IPepQueryItem, containerRef: ViewContainerRef, parentForm: FormGroup): void;
-    /**
-     * get smart filter field
-     * @param current filter legacy element
-     * @returns smart filter field, if not found returns the first field
-     */
-    private getSelectedField;
-    private convertSmartFilterComponentType;
-    /**
-     * creates a legacy output query
-     */
-    createOutputQuery(): void;
-}
+import { ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { IPepQueryBuilderField, IPepQuerySection, IPepQueryItem } from '../../common/model/legacy';
+import { PepQueryBuilderService } from '../../query-builder.service';
+import { PepOutputQueryService } from '../../common/services/output-query.service';
+import { PepOperatorTypes } from '../../common/model/type';
+export declare class PepQueryStructureService {
+    private _fb;
+    private _resolver;
+    private _outputQueryService;
+    private _queryBuilderService;
+    private _outputQuery$;
+    private _smartFilterFields;
+    private _variableFields;
+    private _form;
+    private _maxStructureDepth;
+    outputQuery$: import("rxjs").Observable<IPepQuerySection | IPepQueryItem>;
+    constructor(_fb: FormBuilder, _resolver: ComponentFactoryResolver, _outputQueryService: PepOutputQueryService, _queryBuilderService: PepQueryBuilderService);
+    set maxDepth(value: number);
+    get maxDepth(): number;
+    set fields(list: Array<IPepQueryBuilderField>);
+    get hasFields(): boolean;
+    set variableFields(list: Array<IPepQueryBuilderField>);
+    set form(value: FormGroup);
+    get form(): FormGroup;
+    /**
+     * builds a dynamic UI query structure
+     * might has a different structure than the query's due to parent-child elements merge
+     * @param query legacy query
+     * @param containerRef reference to root element
+     */
+    buildQueryStructure(query: IPepQuerySection | IPepQueryItem, containerRef: ViewContainerRef): void;
+    /**
+    * checks if the object contains property
+    * @param obj object
+    * @param prop property name
+    * @returns true if contains, false otherwise
+    */
+    private hasProperty;
+    /**
+     * a recursive function dynamically builds UI filters structure
+     * @param parentOperator parent legacy complex operator
+     * @param current child legacy object (either another complex or expression type)
+     * @param containerRef parent element
+     * @param parentForm parent form
+     */
+    private flatten;
+    /**
+     * creates a container object of two or more child filter items
+     * @param operator AND/OR operator
+     * @param containerRef parent element
+     * @param parentForm parent form
+     * @param depth
+     * @returns an object containing the current element and current form
+     */
+    createSection(operator: PepOperatorTypes, containerRef: ViewContainerRef, parentForm: FormGroup, depth: number): {
+        containerRef: ViewContainerRef;
+        parentForm: FormGroup;
+    };
+    /**
+     * creates a component represents filter item (leaf element - has no childs)
+     * @param current filter legacy element
+     * @param containerRef parent element
+     * @param parentForm parent form
+     */
+    createItem(current: IPepQueryItem, containerRef: ViewContainerRef, parentForm: FormGroup): void;
+    /**
+     * get smart filter field
+     * @param current filter legacy element
+     * @returns smart filter field, if not found returns the first field
+     */
+    private getSelectedField;
+    private convertSmartFilterComponentType;
+    /**
+     * creates a legacy output query
+     */
+    createOutputQuery(): void;
+}

package/query-builder/common/services/type-convertor.service.d.ts

@@ -1,10 +1,10 @@
-import { IPepOption } from '@pepperi-addons/ngx-lib';
-export declare class PepTypeConvertorService {
-    private readonly _operators;
-    private readonly _booleans;
-    get operators(): IPepOption[];
-    get booleans(): IPepOption[];
-    constructor();
-    private initOperators;
-    private initBooleans;
-}
+import { IPepOption } from '@pepperi-addons/ngx-lib';
+export declare class PepTypeConvertorService {
+    private readonly _operators;
+    private readonly _booleans;
+    get operators(): IPepOption[];
+    get booleans(): IPepOption[];
+    constructor();
+    private initOperators;
+    private initBooleans;
+}

package/query-builder/pepperi-addons-ngx-lib-query-builder.d.ts

@@ -1,9 +1,9 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-export { PepOutputQueryService as ɵb } from './common/services/output-query.service';
-export { PepQueryStructureService as ɵa } from './common/services/query-structure.service';
-export { PepTypeConvertorService as ɵc } from './common/services/type-convertor.service';
-export { PepQueryBuilderItemComponent as ɵe } from './query-builder-item/query-builder-item.component';
-export { PepQueryBuilderSectionComponent as ɵd } from './query-builder-section/query-builder-section.component';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { PepOutputQueryService as ɵb } from './common/services/output-query.service';
+export { PepQueryStructureService as ɵa } from './common/services/query-structure.service';
+export { PepTypeConvertorService as ɵc } from './common/services/type-convertor.service';
+export { PepQueryBuilderItemComponent as ɵe } from './query-builder-item/query-builder-item.component';
+export { PepQueryBuilderSectionComponent as ɵd } from './query-builder-section/query-builder-section.component';

package/query-builder/pepperi-addons-ngx-lib-query-builder.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"PepQueryBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":19,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/smart-filters","name":"PepSmartFiltersModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"PepQueryBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"pep-query-builder","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}],"template":"<pep-query-builder-section #rootContainer [form]=\"queryStructureService.form\" [depth]=\"depth\" [hasFields]=\"hasFields\"\n    (createSection)=\"onCreateSection()\" (createItem)=\"onCreateItem()\" (operatorChange)=\"onOperatorChange()\">\n</pep-query-builder-section>","styles":[""]}]}],"members":{"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"maxDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"queryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"formValidationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"root":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":5},"arguments":["rootContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":61,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"initDepth":[{"__symbolic":"method"}],"loadQuery":[{"__symbolic":"method"}],"onCreateSection":[{"__symbolic":"method"}],"onCreateItem":[{"__symbolic":"method"}],"onOperatorChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepQueryBuilderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getFilter":[{"__symbolic":"method"}],"convertToSmartFilterFields":[{"__symbolic":"method"}],"getFilterValues":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IPepQueryBuilderFieldContainer":{"__symbolic":"interface"},"IPepQueryBuilderFieldType":{"__symbolic":"interface"},"IPepQueryBuilderField":{"__symbolic":"interface"},"IPepQuerySection":{"__symbolic":"interface"},"IPepQueryItem":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":39,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":27},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PepQueryBuilderService"}]}],"buildQueryStructure":[{"__symbolic":"method"}],"hasProperty":[{"__symbolic":"method"}],"flatten":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"createItem":[{"__symbolic":"method"}],"getSelectedField":[{"__symbolic":"method"}],"convertSmartFilterComponentType":[{"__symbolic":"method"}],"createOutputQuery":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"generateQuery":[{"__symbolic":"method"}],"initParams":[{"__symbolic":"method"}],"sectionWalk":[{"__symbolic":"method"}],"addToSection":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"getItemValues":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initOperators":[{"__symbolic":"method"}],"initBooleans":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"pep-query-builder-section","template":"<div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n    <div class=\"query-section-container\" fxLayout=\"column\" fxLayoutGap=\".5rem\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <pep-group-buttons [buttons]=\"toggleButtons\" [selectedButtonKey]=\"f.operator?.value || ''\" styleType=\"weak\"\n                sizeType=\"sm\" [viewType]=\"'toggle'\" [buttonsDisabled]=\"!hasFields\">\n            </pep-group-buttons>\n            <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n                <pep-button value=\"Add Filter\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\" classNames=\"\"\n                    [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                    (buttonClick)=\"onAddRuleClicked()\"></pep-button>\n                <ng-container *ngIf=\"depth.current < depth.max-1\">\n                    <pep-button value=\"Add Filter Group\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\"\n                        classNames=\"\" [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                        (buttonClick)=\"onAddRuleSetClicked()\"></pep-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container #sectionContainer></ng-container>\n    </div>\n    <pep-button *ngIf=\"depth.current > 0\" styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\"\n        [disabled]=\"false\" iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\"\n        (buttonClick)=\"onDeleteSectionClicked()\">\n    </pep-button>\n</div>","styles":[".query-section-container{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);padding:.5rem;width:100%}",".query-section-container{box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid rgba(26,26,26,.24);border:1px solid hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.24)}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"hasFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"createSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"createItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"operatorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"sectionContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["sectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":43},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"initOperators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onAddRuleClicked":[{"__symbolic":"method"}],"onAddRuleSetClicked":[{"__symbolic":"method"}],"onDeleteSectionClicked":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"pep-query-builder-item","template":"<div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n    <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n        <pep-select fxFlex=\"25%\" [value]=\"_selectedField?.id\" xAlignment=\"left\" [options]=\"_options\"\n            [renderTitle]=\"false\" (valueChange)=\"onFieldChanged($event)\"></pep-select>\n        <ng-container *ngIf=\"_selectedField?.componentType\">\n            <ng-container [ngSwitch]=\"_selectedField.componentType\">\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <pep-text-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [variableField]=\"variableFields?.text\"\n                        [field]=\"_selectedField\" [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\"\n                        [inline]=\"true\" [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-text-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'boolean'\">\n                    <pep-boolean-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.boolean\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [options]=\"typeConvertorService.booleans\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-boolean-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'date'\">\n                    <pep-date-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [showAdditionalOperators]=\"true\"\n                        [variableField]=\"variableFields?.date\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-date-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'multi-select'\">\n                    <pep-multi-select-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [field]=\"_selectedField\"\n                        [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-multi-select-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'number'\">\n                    <pep-number-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.number\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-number-filter>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <pep-button styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\" [disabled]=\"false\"\n            iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\" (buttonClick)=\"onDeleteItemClicked()\">\n        </pep-button>\n    </div>\n</div>","styles":["::ng-deep .pep-field-no-spacing{min-height:0!important;margin-bottom:0!important}"]}]}],"members":{"formKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":21},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"addToParentForm":[{"__symbolic":"method"}],"onFieldChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onDeleteItemClicked":[{"__symbolic":"method"}]}}},"origins":{"PepQueryBuilderModule":"./query-builder.module","PepQueryBuilderComponent":"./query-builder.component","PepQueryBuilderService":"./query-builder.service","IPepQueryBuilderFieldContainer":"./common/model/legacy","IPepQueryBuilderFieldType":"./common/model/legacy","IPepQueryBuilderField":"./common/model/legacy","IPepQuerySection":"./common/model/legacy","IPepQueryItem":"./common/model/legacy","ɵa":"./common/services/query-structure.service","ɵb":"./common/services/output-query.service","ɵc":"./common/services/type-convertor.service","ɵd":"./query-builder-section/query-builder-section.component","ɵe":"./query-builder-item/query-builder-item.component"},"importAs":"@pepperi-addons/ngx-lib/query-builder"}
+{"__symbolic":"module","version":4,"metadata":{"PepQueryBuilderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":18,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/select","name":"PepSelectModule","line":19,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/button","name":"PepButtonModule","line":20,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/group-buttons","name":"PepGroupButtonsModule","line":21,"character":8},{"__symbolic":"reference","module":"@pepperi-addons/ngx-lib/smart-filters","name":"PepSmartFiltersModule","line":22,"character":8}],"exports":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"}],"declarations":[{"__symbolic":"reference","name":"PepQueryBuilderComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"PepQueryBuilderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"pep-query-builder","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"}],"template":"<pep-query-builder-section #rootContainer [form]=\"queryStructureService.form\" [depth]=\"depth\" [hasFields]=\"hasFields\"\n    (createSection)=\"onCreateSection()\" (createItem)=\"onCreateItem()\" (operatorChange)=\"onOperatorChange()\">\n</pep-query-builder-section>","styles":[""]}]}],"members":{"query":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"maxDepth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"queryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"formValidationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"root":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":5},"arguments":["rootContainer",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":61,"character":21},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"initDepth":[{"__symbolic":"method"}],"loadQuery":[{"__symbolic":"method"}],"onCreateSection":[{"__symbolic":"method"}],"onCreateItem":[{"__symbolic":"method"}],"onOperatorChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PepQueryBuilderService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getFilter":[{"__symbolic":"method"}],"convertToSmartFilterFields":[{"__symbolic":"method"}],"getFilterValues":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IPepQueryBuilderFieldContainer":{"__symbolic":"interface"},"IPepQueryBuilderFieldType":{"__symbolic":"interface"},"IPepQueryBuilderField":{"__symbolic":"interface"},"IPepQuerySection":{"__symbolic":"interface"},"IPepQueryItem":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":39,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":27},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PepQueryBuilderService"}]}],"buildQueryStructure":[{"__symbolic":"method"}],"hasProperty":[{"__symbolic":"method"}],"flatten":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"createItem":[{"__symbolic":"method"}],"getSelectedField":[{"__symbolic":"method"}],"convertSmartFilterComponentType":[{"__symbolic":"method"}],"createOutputQuery":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"generateQuery":[{"__symbolic":"method"}],"initParams":[{"__symbolic":"method"}],"sectionWalk":[{"__symbolic":"method"}],"addToSection":[{"__symbolic":"method"}],"createSection":[{"__symbolic":"method"}],"getItemValues":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"initOperators":[{"__symbolic":"method"}],"initBooleans":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"pep-query-builder-section","template":"<div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n    <div class=\"query-section-container\" fxLayout=\"column\" fxLayoutGap=\".5rem\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between\">\n            <pep-group-buttons [buttons]=\"toggleButtons\" [selectedButtonKey]=\"f.operator?.value || ''\" styleType=\"weak\"\n                sizeType=\"sm\" [viewType]=\"'toggle'\" [buttonsDisabled]=\"!hasFields\">\n            </pep-group-buttons>\n            <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n                <pep-button value=\"Add Filter\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\" classNames=\"\"\n                    [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                    (buttonClick)=\"onAddRuleClicked()\"></pep-button>\n                <ng-container *ngIf=\"depth.current < depth.max-1\">\n                    <pep-button value=\"Add Filter Group\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"sm\"\n                        classNames=\"\" [disabled]=\"!hasFields\" iconName=\"number_plus\" iconPosition=\"end\" [visible]=\"true\"\n                        (buttonClick)=\"onAddRuleSetClicked()\"></pep-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container #sectionContainer></ng-container>\n    </div>\n    <pep-button *ngIf=\"depth.current > 0\" styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\"\n        [disabled]=\"false\" iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\"\n        (buttonClick)=\"onDeleteSectionClicked()\">\n    </pep-button>\n</div>","styles":[".query-section-container{border-radius:.25rem;border-radius:var(--pep-border-radius-md,.25rem);padding:.5rem;width:100%}",".query-section-container{box-shadow:0 .25rem .5rem 0 rgba(26,26,26,.08);box-shadow:var(--pep-shadow-sm-offset,0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.08);border:1px solid rgba(26,26,26,.24);border:1px solid hsla(var(--pep-color-system-primary-h,0),var(--pep-color-system-primary-s,0%),var(--pep-color-system-primary-l,10%),.24)}"]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"depth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"hasFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"createSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"createItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"operatorChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"sectionContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":5},"arguments":["sectionContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":36,"character":43},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"initOperators":[{"__symbolic":"method"}],"onOperatorChanged":[{"__symbolic":"method"}],"onAddRuleClicked":[{"__symbolic":"method"}],"onAddRuleSetClicked":[{"__symbolic":"method"}],"onDeleteSectionClicked":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"pep-query-builder-item","template":"<div fxLayout=\"column\" fxLayoutGap=\".5rem\">\n    <div fxLayout=\"row\" fxLayoutGap=\".5rem\">\n        <pep-select fxFlex=\"25%\" [value]=\"_selectedField?.id\" xAlignment=\"left\" [options]=\"_options\"\n            [renderTitle]=\"false\" (valueChange)=\"onFieldChanged($event)\"></pep-select>\n        <ng-container *ngIf=\"_selectedField?.componentType\">\n            <ng-container [ngSwitch]=\"_selectedField.componentType\">\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <pep-text-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [variableField]=\"variableFields?.text\"\n                        [field]=\"_selectedField\" [filter]=\"_filter\" [parentForm]=\"f.smart\" [emitOnChange]=\"true\"\n                        [inline]=\"true\" [renderTitle]=\"false\" (filterChange)=\"onFilterChanged()\">\n                    </pep-text-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'boolean'\">\n                    <pep-boolean-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.boolean\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\"\n                        [options]=\"typeConvertorService.booleans\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-boolean-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'date'\">\n                    <pep-date-filter fxFlex=\"auto\" [showActionButtons]=\"false\" [showAdditionalOperators]=\"true\"\n                        [variableField]=\"variableFields?.date\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-date-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'multi-select'\">\n                    <pep-multi-select-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.['multi-select']\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-multi-select-filter>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'number'\">\n                    <pep-number-filter fxFlex=\"auto\" [showActionButtons]=\"false\"\n                        [variableField]=\"variableFields?.number\" [field]=\"_selectedField\" [filter]=\"_filter\"\n                        [parentForm]=\"f.smart\" [emitOnChange]=\"true\" [inline]=\"true\" [renderTitle]=\"false\"\n                        (filterChange)=\"onFilterChanged()\">\n                    </pep-number-filter>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n        <pep-button styleType=\"weak\" styleStateType=\"system_bin\" sizeType=\"md\" classNames=\"\" [disabled]=\"false\"\n            iconName=\"system_bin\" iconPosition=\"end\" [visible]=\"true\" (buttonClick)=\"onDeleteItemClicked()\">\n        </pep-button>\n    </div>\n</div>","styles":["::ng-deep .pep-field-no-spacing{min-height:0!important;margin-bottom:0!important}"]}]}],"members":{"formKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"parentForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"variableFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"filterChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":57,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":21},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"setupForm":[{"__symbolic":"method"}],"addToParentForm":[{"__symbolic":"method"}],"onFieldChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onDeleteItemClicked":[{"__symbolic":"method"}]}}},"origins":{"PepQueryBuilderModule":"./query-builder.module","PepQueryBuilderComponent":"./query-builder.component","PepQueryBuilderService":"./query-builder.service","IPepQueryBuilderFieldContainer":"./common/model/legacy","IPepQueryBuilderFieldType":"./common/model/legacy","IPepQueryBuilderField":"./common/model/legacy","IPepQuerySection":"./common/model/legacy","IPepQueryItem":"./common/model/legacy","ɵa":"./common/services/query-structure.service","ɵb":"./common/services/output-query.service","ɵc":"./common/services/type-convertor.service","ɵd":"./query-builder-section/query-builder-section.component","ɵe":"./query-builder-item/query-builder-item.component"},"importAs":"@pepperi-addons/ngx-lib/query-builder"}

package/query-builder/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from './query-builder.module';
-export * from './query-builder.component';
-export * from './query-builder.service';
-export * from './common/model/legacy';
-export * from './query-builder.service';
+export * from './query-builder.module';
+export * from './query-builder.component';
+export * from './query-builder.service';
+export * from './common/model/legacy';
+export * from './query-builder.service';

package/query-builder/query-builder-item/query-builder-item.component.d.ts

@@ -1,38 +1,38 @@
-import { EventEmitter } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { PepSmartFilterBaseField } from '@pepperi-addons/ngx-lib/smart-filters';
-import { IPepSmartFilterData } from '@pepperi-addons/ngx-lib/smart-filters';
-import { IPepOption } from '@pepperi-addons/ngx-lib';
-import { PepTypeConvertorService } from '../common/services/type-convertor.service';
-import { IPepQueryBuilderFieldContainer } from '../common/model/field';
-export declare class PepQueryBuilderItemComponent {
-    private _fb;
-    typeConvertorService: PepTypeConvertorService;
-    formKey: string;
-    _fields: Array<IPepQueryBuilderFieldContainer>;
-    _options: IPepOption[];
-    set fields(list: Array<IPepQueryBuilderFieldContainer>);
-    _selectedField: PepSmartFilterBaseField;
-    set selected(value: IPepQueryBuilderFieldContainer);
-    _filter: IPepSmartFilterData;
-    set filter(value: IPepSmartFilterData);
-    _parentForm: FormGroup;
-    set parentForm(value: FormGroup);
-    variableFields: any;
-    filterChange: EventEmitter<any>;
-    remove: EventEmitter<any>;
-    form: FormGroup;
-    constructor(_fb: FormBuilder, typeConvertorService: PepTypeConvertorService);
-    ngOnInit(): void;
-    get f(): {
-        [key: string]: import("@angular/forms").AbstractControl;
-    };
-    get queryForm(): {
-        [key: string]: import("@angular/forms").AbstractControl;
-    };
-    setupForm(): void;
-    addToParentForm(): void;
-    onFieldChanged(key: any): void;
-    onFilterChanged(): void;
-    onDeleteItemClicked(): void;
-}
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { PepSmartFilterBaseField } from '@pepperi-addons/ngx-lib/smart-filters';
+import { IPepSmartFilterData } from '@pepperi-addons/ngx-lib/smart-filters';
+import { IPepOption } from '@pepperi-addons/ngx-lib';
+import { PepTypeConvertorService } from '../common/services/type-convertor.service';
+import { IPepQueryBuilderFieldContainer } from '../common/model/field';
+export declare class PepQueryBuilderItemComponent {
+    private _fb;
+    typeConvertorService: PepTypeConvertorService;
+    formKey: string;
+    _fields: Array<IPepQueryBuilderFieldContainer>;
+    _options: IPepOption[];
+    set fields(list: Array<IPepQueryBuilderFieldContainer>);
+    _selectedField: PepSmartFilterBaseField;
+    set selected(value: IPepQueryBuilderFieldContainer);
+    _filter: IPepSmartFilterData;
+    set filter(value: IPepSmartFilterData);
+    _parentForm: FormGroup;
+    set parentForm(value: FormGroup);
+    variableFields: any;
+    filterChange: EventEmitter<any>;
+    remove: EventEmitter<any>;
+    form: FormGroup;
+    constructor(_fb: FormBuilder, typeConvertorService: PepTypeConvertorService);
+    ngOnInit(): void;
+    get f(): {
+        [key: string]: import("@angular/forms").AbstractControl;
+    };
+    get queryForm(): {
+        [key: string]: import("@angular/forms").AbstractControl;
+    };
+    setupForm(): void;
+    addToParentForm(): void;
+    onFieldChanged(key: any): void;
+    onFilterChanged(): void;
+    onDeleteItemClicked(): void;
+}

package/query-builder/query-builder-section/query-builder-section.component.d.ts

@@ -1,27 +1,27 @@
-import { EventEmitter, ViewContainerRef } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { PepButton } from '@pepperi-addons/ngx-lib/button';
-import { PepTypeConvertorService } from '../common/services/type-convertor.service';
-import { IPepQueryDepth } from '../common/model/structure';
-export declare class PepQueryBuilderSectionComponent {
-    private _typeConvertorService;
-    form: FormGroup;
-    depth: IPepQueryDepth;
-    hasFields: boolean;
-    createSection: EventEmitter<any>;
-    createItem: EventEmitter<any>;
-    remove: EventEmitter<any>;
-    operatorChange: EventEmitter<any>;
-    sectionContainer: ViewContainerRef;
-    toggleButtons: Array<PepButton>;
-    constructor(_typeConvertorService: PepTypeConvertorService);
-    ngOnInit(): void;
-    get f(): {
-        [key: string]: import("@angular/forms").AbstractControl;
-    };
-    initOperators(): void;
-    onOperatorChanged(event: any): void;
-    onAddRuleClicked(): void;
-    onAddRuleSetClicked(): void;
-    onDeleteSectionClicked(): void;
-}
+import { EventEmitter, ViewContainerRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { PepButton } from '@pepperi-addons/ngx-lib/button';
+import { PepTypeConvertorService } from '../common/services/type-convertor.service';
+import { IPepQueryDepth } from '../common/model/structure';
+export declare class PepQueryBuilderSectionComponent {
+    private _typeConvertorService;
+    form: FormGroup;
+    depth: IPepQueryDepth;
+    hasFields: boolean;
+    createSection: EventEmitter<any>;
+    createItem: EventEmitter<any>;
+    remove: EventEmitter<any>;
+    operatorChange: EventEmitter<any>;
+    sectionContainer: ViewContainerRef;
+    toggleButtons: Array<PepButton>;
+    constructor(_typeConvertorService: PepTypeConvertorService);
+    ngOnInit(): void;
+    get f(): {
+        [key: string]: import("@angular/forms").AbstractControl;
+    };
+    initOperators(): void;
+    onOperatorChanged(event: any): void;
+    onAddRuleClicked(): void;
+    onAddRuleSetClicked(): void;
+    onDeleteSectionClicked(): void;
+}

package/query-builder/query-builder.component.d.ts

@@ -1,36 +1,36 @@
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { PepQueryBuilderSectionComponent } from './query-builder-section/query-builder-section.component';
-import { IPepQueryBuilderField, IPepQuerySection, IPepQueryItem } from './common/model/legacy';
-import { PepQueryStructureService } from './common/services/query-structure.service';
-import { IPepQueryDepth } from './common/model/structure';
-import { Subscription } from 'rxjs';
-export declare class PepQueryBuilderComponent implements OnInit, OnDestroy {
-    private _fb;
-    queryStructureService: PepQueryStructureService;
-    _query: IPepQuerySection | IPepQueryItem;
-    set query(object: IPepQuerySection | IPepQueryItem);
-    set fields(list: Array<IPepQueryBuilderField>);
-    set variableFields(list: Array<IPepQueryBuilderField>);
-    set maxDepth(value: number);
-    queryChange: EventEmitter<IPepQuerySection | IPepQueryItem>;
-    formValidationChange: EventEmitter<boolean>;
-    root: PepQueryBuilderSectionComponent;
-    _formSubscription$: Subscription;
-    _outputQuerySubscription$: Subscription;
-    _lastFormValidStatus: boolean;
-    depth: IPepQueryDepth;
-    hasFields: boolean;
-    constructor(_fb: FormBuilder, queryStructureService: PepQueryStructureService);
-    ngOnInit(): void;
-    setupForm(): void;
-    initDepth(): void;
-    /**
-     * builds UI query structure as soon as both the fields and query loads
-     */
-    loadQuery(): void;
-    onCreateSection(): void;
-    onCreateItem(): void;
-    onOperatorChange(): void;
-    ngOnDestroy(): void;
-}
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { PepQueryBuilderSectionComponent } from './query-builder-section/query-builder-section.component';
+import { IPepQueryBuilderField, IPepQuerySection, IPepQueryItem } from './common/model/legacy';
+import { PepQueryStructureService } from './common/services/query-structure.service';
+import { IPepQueryDepth } from './common/model/structure';
+import { Subscription } from 'rxjs';
+export declare class PepQueryBuilderComponent implements OnInit, OnDestroy {
+    private _fb;
+    queryStructureService: PepQueryStructureService;
+    _query: IPepQuerySection | IPepQueryItem;
+    set query(object: IPepQuerySection | IPepQueryItem);
+    set fields(list: Array<IPepQueryBuilderField>);
+    set variableFields(list: Array<IPepQueryBuilderField>);
+    set maxDepth(value: number);
+    queryChange: EventEmitter<IPepQuerySection | IPepQueryItem>;
+    formValidationChange: EventEmitter<boolean>;
+    root: PepQueryBuilderSectionComponent;
+    _formSubscription$: Subscription;
+    _outputQuerySubscription$: Subscription;
+    _lastFormValidStatus: boolean;
+    depth: IPepQueryDepth;
+    hasFields: boolean;
+    constructor(_fb: FormBuilder, queryStructureService: PepQueryStructureService);
+    ngOnInit(): void;
+    setupForm(): void;
+    initDepth(): void;
+    /**
+     * builds UI query structure as soon as both the fields and query loads
+     */
+    loadQuery(): void;
+    onCreateSection(): void;
+    onCreateItem(): void;
+    onOperatorChange(): void;
+    ngOnDestroy(): void;
+}